.flint-form-title {
font-size:34px;
letter-spacing:8px;
line-height:1;
color:#f4f0e8;
margin-bottom:18px;
font-weight:800;
text-align:left;
}

.flint-deposit-note {
width:max-content;
max-width:100%;
margin:0 0 32px;
padding:9px 14px;
border:1px solid #343530;
border-radius:999px;
background:#1d1e1a;
color:#d2ccc1;
font-size:14px;
line-height:1.35;
text-align:left;
}

#flintOrderWrapper {
text-align:left;
}

.flint-input {
width:100%;
box-sizing:border-box;
padding:15px 16px;
border-radius:14px;
border:1px solid #41423e;
background:#1d1e1b;
color:#f4f0e8;
font-size:16px;
font-family:'Tajawal',Arial,sans-serif;
outline:none;
transition:all 0.2s ease;
}

.flint-input:focus {
border-color:#f4f0e8;
background:#262722;
box-shadow:0 0 0 3px rgba(244,240,232,0.08);
}

.flint-section-title {
font-size:20px;
letter-spacing:0;
color:#f4f0e8;
margin-bottom:14px;
font-weight:700;
text-align:left;
}

.flint-details-title {
margin-top:0;
}

.flint-section-note {
margin:-7px 0 14px;
color:#aaa59b;
font-size:14px;
line-height:1.4;
}

.flint-label {
display:block;
margin-bottom:5px;
color:#f4f0e8;
font-size:15px;
text-align:left;
}

.flint-top-label {
margin-top:14px;
}

.flint-two-column {
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.flint-address-grid {
display:grid;
grid-template-columns:1fr 110px;
gap:14px;
margin-top:14px;
}

.flint-colour-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}

.flint-colour-label {
display:block;
cursor:pointer;
}

.flint-colour-label input[type="radio"] {
display:none;
}

.colour-choice {
display:flex;
min-height:118px;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
padding:10px 10px 12px;
border:1px solid #41423e;
border-radius:12px;
background:#1d1e1b;
color:#f4f0e8;
font-size:16px;
font-weight:500;
transition:all 0.2s ease;
position:relative;
}

.flint-colour-label:hover .colour-choice,
.flint-addon-choice:hover,
.flint-option-label:hover .flint-option-choice {
border-color:#696a63;
background:#242520;
}

.colour-dot {
display:block;
width:100%;
height:68px;
box-sizing:border-box;
border-radius:6px;
margin:0 auto 11px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.flint-addon-choice {
display:flex;
align-items:center;
padding:17px 16px;
border:1px solid #41423e;
border-radius:14px;
background:#20211e;
cursor:pointer;
color:#f4f0e8;
font-size:16px;
font-weight:500;
transition:all 0.2s ease;
}

.flint-addon-choice input[type="checkbox"] {
position:absolute;
opacity:0;
pointer-events:none;
}

.flint-addon-choice::after {
content:'⌄';
margin-left:auto;
color:#aaa59b;
font-size:20px;
line-height:1;
}

.flint-flue-question {
font-size:13px;
letter-spacing:1.5px;
color:#bcb7ad;
font-weight:700;
margin:15px 0 8px;
text-transform:uppercase;
}

.flint-flue-question:first-child {
margin-top:0;
}

.flint-option-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}

.flint-option-label {
display:block;
cursor:pointer;
}

.flint-option-label input[type="radio"] {
display:none;
}

.flint-option-choice {
display:block;
padding:11px 12px;
text-align:center;
border:1px solid #41423e;
border-radius:12px;
background:#20211e;
color:#f4f0e8;
font-size:15px;
font-weight:500;
transition:all 0.2s ease;
}

.flint-total-row {
display:flex;
justify-content:space-between;
gap:20px;
font-size:16px;
line-height:1.5;
color:#d8d2c6;
}

.flint-address-suggestions {
position:absolute;
z-index:20;
left:0;
right:0;
top:70px;
overflow:hidden;
border:1px solid #55564f;
border-radius:12px;
background:#20211e;
box-shadow:0 16px 34px rgba(0,0,0,0.45);
}

.flint-address-suggestion {
display:block;
width:100%;
padding:12px 14px;
border:0;
border-bottom:1px solid #383934;
background:#20211e;
color:#f4f0e8;
font:500 15px/1.4 'Tajawal',Arial,sans-serif;
text-align:left;
cursor:pointer;
}

.flint-address-suggestion:last-child {
border-bottom:0;
}

.flint-address-suggestion:hover,
.flint-address-suggestion:focus {
background:#2a2b26;
}

.flint-address-status {
margin-top:7px;
font-size:13px;
line-height:1.5;
color:#bcb7ad;
}

.flint-address-status.is-valid {
color:#8fd7aa;
font-weight:700;
}

.flint-text-button {
display:inline-block;
margin-top:7px;
padding:0;
border:0;
background:transparent;
color:#d8d2c6;
font:500 13px/1.5 'Tajawal',Arial,sans-serif;
text-decoration:underline;
cursor:pointer;
}

#flintDeliverySwitches {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

#flintDeliverySwitches .flint-text-button {
margin:0;
padding:7px 11px;
width:100%;
border:1px solid #3b3c37;
border-radius:999px;
background:#191a17;
text-decoration:none;
text-align:center;
}

#flintDeliverySwitches .flint-text-button:hover {
border-color:#777870;
background:#23241f;
}

#flintDealerCodeButton {
display:block;
margin:16px 0 0;
color:#aaa59b;
}

.flint-secondary-link {
margin-left:0;
}

.flint-manual-address {
margin-top:14px;
padding:16px;
border:1px solid #41423e;
border-radius:14px;
background:#171815;
}

#flintOrderForm input[type="radio"]:checked + .colour-choice {
background:#242520 !important;
color:#f4f0e8 !important;
border-color:#f4f0e8 !important;
transform:translateY(-1px);
box-shadow:0 0 0 1px #f4f0e8;
}

#flintOrderForm input[type="radio"]:checked + .colour-choice::after {
content:'✓';
position:absolute;
top:17px;
right:17px;
width:24px;
height:24px;
border-radius:50%;
background:#f4f0e8;
color:#11120f;
font-size:15px;
font-weight:800;
line-height:24px;
text-align:center;
}

#flintOrderForm input[type="radio"]:checked + .flint-option-choice {
background:#f4f0e8 !important;
color:#11120f !important;
border-color:#f4f0e8 !important;
transform:translateY(-1px);
}

#flintOrderForm input[type="checkbox"] {
width:20px;
height:20px;
accent-color:#d8d2c6;
}

#flintOrderForm .flint-addon-choice:has(input[type="checkbox"]:checked) {
background:#242520 !important;
color:#f4f0e8 !important;
border-color:#f4f0e8 !important;
transform:translateY(-1px);
}

#flintOrderForm .flint-addon-choice:has(input[type="checkbox"]:checked)::after {
content:'⌃';
color:#f4f0e8;
}

button:hover {
transform:translateY(-1px);
}

button:disabled {
opacity:0.55;
cursor:not-allowed;
transform:none;
}

@media (max-width:640px) {
.flint-form-title {
font-size:29px;
letter-spacing:7px;
}

.flint-two-column,
.flint-address-grid {
grid-template-columns:1fr !important;
}

.flint-colour-grid {
grid-template-columns:1fr 1fr !important;
}

#flintDeliverySwitches {
grid-template-columns:1fr;
}

.colour-choice {
min-height:110px;
}

.flint-secondary-link {
display:block;
margin-left:0;
}

#flintSuccess {
padding:58px 24px 54px !important;
border-radius:28px !important;
}

#flintSuccess div[style*="font-size:58px"] {
font-size:48px !important;
}

#flintSuccessTitle {
font-size:22px !important;
}

#flintSuccessMessage {
font-size:17px !important;
}
}