.swif-form-container{
	max-width: 1130px;
	margin: 0 auto;
	width: 100%;
}
.swif-form {
	--swif-primary: #E60000;
	--swif-bg: #0d0d0d;
	--swif-card-bg: #1a1a1a;
	--swif-border: #333333;
	--swif-text: #ffffff;
	--swif-muted: #999999;
	--swif-email-btn: #E60000;
	--swif-whatsapp-btn: #25D366;
	--swif-radius: 12px;
	--swif-font: inherit;

	background: var(--swif-bg);
	color: var(--swif-text);
	font-family: var(--swif-font);
	/*padding: 32px;*/
	/*border-radius: 16px;*/
	/*border: 1px solid var(--swif-border);*/
	box-sizing: border-box;
}
.swif-form * { box-sizing: border-box; }
.swif-form-main{
	max-width: 100%;
	padding: 0;
	padding-bottom: 80px;
}

.swif-header { text-align: center;background-color: #000;
  padding: 70px 0; margin-bottom: 80px;  border-bottom: solid 1px #2f2f2f;}
.swif-header h2 { font-size: 60px;
  font-weight: 800;
  color: #fff; }
.swif-subtitle { color: #fff;
  margin: 0 0 4px;
  font-size: 17px; }
.swif-location { color: var(--swif-muted); font-size: 13px; margin: 0; }

.swif-divider { border: none; border-top: 1px solid var(--swif-border); margin: 24px 0; }

.swif-section { margin-bottom: 32px; }
.swif-section h3 {
	color: var(--swif-primary);
	font-size: 15px;
	letter-spacing: 0.5px;
	margin: 0 0 14px;
}
.swif-section h3 small { color: var(--swif-muted); text-transform: none; font-weight: normal; font-size: 12px; }
.swif-num { color: var(--swif-primary); }

/* Classic template: bold uppercase, numbered "1." style (original design). */
.swif-tpl-classic .swif-header h2 { text-transform: uppercase; }
.swif-tpl-classic .swif-section h3 { text-transform: uppercase; }

/* Modern template: clean sentence case, "01 -" numbering, photo tiles. */
.swif-tpl-modern .swif-header h2 { font-size: 60px;
  font-weight: 800;
  color: #fff; }
.swif-tpl-modern .swif-section h3 { font-size: 17px; font-weight: 700; color: var(--swif-text); }
.swif-tpl-modern .swif-num { color: var(--swif-text); font-weight: 700; margin-right: 2px; }
.swif-tpl-modern .swif-section h3 small { display: none; }

.swif-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 640px) { .swif-row { grid-template-columns: 1fr; } }

.swif-form input[type=text],
.swif-form input[type=email],
.swif-form textarea,
.swif-form select {
	width: 100%;
	background: var(--swif-card-bg);
	border: 1px solid var(--swif-border);
	color: var(--swif-text);
	border-radius: 8px;
	padding: 12px 14px;
	font-size: 14px;
	font-family: var(--swif-font);
	height: 50px;
}
.swif-form input::placeholder,
.swif-form textarea::placeholder { color: var(--swif-muted); }
.swif-full-input { margin-top: 12px; }
.swif-form select {
	background-image: url('../images/down-icon.png') !important;
  background-repeat: no-repeat !important;
  background-position: 94% center !important;
}
.swif-product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}
@media (max-width: 900px) { .swif-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 560px) { .swif-product-grid { grid-template-columns: repeat(2, 1fr); } }

.swif-product-card {
	background: var(--swif-card-bg);
	border: 1px solid var(--swif-border);
	border-radius: var(--swif-radius);
	padding: 10px;
	text-align: center;
	cursor: pointer;
	transition: border-color .15s, transform .1s;
}
.swif-product-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; margin-bottom: 8px; }
.swif-product-card span { font-size: 11px; font-weight: 600; letter-spacing: .5px; display: block; }
.swif-product-card:hover { border-color: var(--swif-primary); }
.swif-product-card.selected { border-color: var(--swif-primary); box-shadow: 0 0 0 2px var(--swif-primary); transform: translateY(-2px); }

.swif-upload-box {
	border: 2px dashed var(--swif-border);
	border-radius: var(--swif-radius);
	padding: 40px 20px;
	text-align: center;
}
.swif-upload-box.swif-dragover { border-color: var(--swif-primary); }
.swif-upload-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 8px; color: var(--swif-muted); }
.swif-btn-choose {
	background: var(--swif-primary);
	color: #fff;
	border: none;
	padding: 10px 22px;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 10px;
}

.swif-specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 780px) { .swif-specs-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .swif-specs-grid { grid-template-columns: 1fr; } }
.swif-spec { display: flex; flex-direction: column; gap: 8px; }

.swif-toggle-row { display: flex; flex-wrap: wrap; gap: 10px; }
.swif-toggle-btn {
	background: var(--swif-card-bg);
	border: 1px solid var(--swif-border);
	color: var(--swif-text);
	padding: 10px 16px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 13px;
}
.swif-toggle-btn.selected { background: var(--swif-primary); border-color: var(--swif-primary); color: #fff; }

.swif-custom-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 640px) { .swif-custom-fields { grid-template-columns: 1fr; } }
.swif-cf-field label { display: block; margin-bottom: 6px; font-size: 13px; color: var(--swif-muted); }

.swif-message { text-align: center; font-size: 14px; margin-bottom: 16px; min-height: 20px; }
.swif-message.success { color: #2ecc71; }
.swif-message.error { color: #e74c3c; }

.swif-submit-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 640px) { .swif-submit-row { grid-template-columns: 1fr; } }
.swif-btn {
	border: none;
	padding: 16px;
	border-radius: 8px;
	font-weight: 700;
	letter-spacing: .5px;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
}
.swif-btn-email { background: var(--swif-email-btn); }
.swif-btn-whatsapp { background: var(--swif-whatsapp-btn); }
.swif-btn:disabled { opacity: .6; cursor: not-allowed; }

/* ============ Modern template: color schemes ============ */
/* These set the BASE colors (bg/card/border/text/muted). The Modern template's
   inline style intentionally omits these 5 variables so this always wins. */
.swif-tpl-modern.swif-scheme-dark {
	--swif-bg: #000000;
	--swif-card-bg: #ffffff;
	--swif-border: #2e2e2e;
	--swif-text: #ffffff;
	--swif-muted: #9a9a9a;
}
.swif-tpl-modern.swif-scheme-light {
	--swif-bg: #ffffff;
	--swif-card-bg: #ffffff;
	--swif-border: #e2e2e2;
	--swif-text: #111111;
	--swif-muted: #6b7280;
}
.swif-tpl-modern { border-color: var(--swif-border); }

/* Inputs: Modern keeps card-bg only for product photo tiles; text inputs get their
   own subtle surface per scheme so they don't turn white-on-white in light mode. */
.swif-tpl-modern.swif-scheme-dark input[type=text],
.swif-tpl-modern.swif-scheme-dark input[type=email],
.swif-tpl-modern.swif-scheme-dark textarea,
.swif-tpl-modern.swif-scheme-dark select { background: #141414; }
.swif-tpl-modern.swif-scheme-light input[type=text],
.swif-tpl-modern.swif-scheme-light input[type=email],
.swif-tpl-modern.swif-scheme-light textarea,
.swif-tpl-modern.swif-scheme-light select { background: #ffffff; }

/* Product photo tiles: always a clean white tile regardless of scheme, since product
   photos are typically shot/rendered on a white background. */
.swif-tpl-modern .swif-product-card { background: #ffffff; border-radius: 10px; }
.swif-tpl-modern .swif-product-card img { object-fit: contain; background: #ffffff; }
.swif-tpl-modern .swif-product-card span { color: var(--swif-text); font-weight: 600; text-transform: none; }
.swif-tpl-modern.swif-scheme-dark .swif-product-card { border-color: #2e2e2e; }
.swif-tpl-modern.swif-scheme-dark .swif-product-card{
	background-color: #151515;
	border: 1px solid #2f2f2f;
}
.swif-tpl-modern.swif-scheme-dark .swif-product-card.selected { border-color: var(--swif-primary); box-shadow: 0 0 0 2px var(--swif-primary); }
.swif-tpl-modern.swif-scheme-light .swif-product-card.selected { border-color: #111111; box-shadow: 0 6px 16px rgba(0,0,0,.12); }

.swif-tpl-modern .swif-btn-choose { border-radius: 8px; }

.swif-tpl-modern.swif-scheme-dark select {
	background-image: url('../images/down-icon-light.png') !important;
}
.swif-tpl-modern.swif-scheme-dark  .swif-toggle-btn {
  background: #141414;
}