.sunnah-product-design{background:#faf9f5;margin-top:0!important}
.sunnah-colour-swatch{display:inline-block;width:22px;height:22px;border:1px solid rgba(0,0,0,.22);border-radius:4px;vertical-align:middle;margin-right:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.sunnah-product-design>.container-fluid{max-width:1440px}
.sunnah-product-design .sunnah-product-layout{--bs-gutter-x:3.5rem}
.sunnah-product-design .card{background:transparent;border:0;box-shadow:none}
.sunnah-product-design .sunnah-product-gallery,.sunnah-product-design .sunnah-product-info{min-width:0}
.sunnah-product-design .product-img-slider{position:static}
.sunnah-product-design .product-thumbnail-slider{background:#f0eee7!important;border-radius:18px!important;overflow:hidden}
.sunnah-product-design .product-thumbnail-slide{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;height:auto}
.sunnah-product-design .product-thumbnail-slide img{width:100%;height:100%;object-fit:contain;max-height:760px}
.sunnah-product-design .product-nav-slider img{height:80px;width:100%;object-fit:contain}
.sunnah-product-design h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,2.6vw,40px);line-height:1.2;color:#173f30;margin-bottom:18px;overflow-wrap:anywhere}
.sunnah-product-design #product-labels{margin-top:16px}
.sunnah-product-summary{gap:14px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #dddcd4}
.sunnah-product-summary>.col-lg-3{width:100%}
.sunnah-product-summary .border{border:0!important;padding:0!important}
.sunnah-product-summary .avatar-sm{display:none}
.sunnah-product-summary #product-price{font-size:28px;font-weight:700;line-height:1.5;color:#173f30}
.sunnah-product-summary #product-price del{font-size:18px;font-weight:400;color:#767b76;margin-right:8px}
.sunnah-product-summary #product-stock{font-size:15px;line-height:1.5}
.sunnah-saving{display:inline-block;margin:6px 0 0 12px;padding:8px 12px;background:#e8f2e7;color:#174e35;border-radius:5px;font-size:13px;vertical-align:middle}
.sunnah-saving[hidden]{display:none}
.sunnah-option-fields{display:block}
.sunnah-option-field{position:relative}
.sunnah-option-field>label{font-weight:600;color:#173f30;margin-bottom:12px}
.sunnah-option-buttons{display:flex;gap:10px;flex-wrap:wrap}
.sunnah-option-button{min-width:74px;min-height:56px;padding:12px 20px;border:1px solid #b8c2b8;background:white;color:#173f30;border-radius:8px;font-size:16px;flex:1 0 74px;max-width:100%;overflow-wrap:anywhere}
.sunnah-option-button[aria-pressed=true]{border:2px solid #087a41;background:#edf4e9;box-shadow:0 0 0 1px #087a41;font-weight:700}
.sunnah-option-button[aria-pressed=true]::after{content:' ✓';margin-left:5px}
.sunnah-option-button:disabled{opacity:.45;text-decoration:line-through}
.sunnah-option-button:focus-visible,.sunnah-guide-link:focus-visible{outline:3px solid #b88a35;outline-offset:3px}
.sunnah-enhanced-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;border:0!important}
.sunnah-guide-link{float:right;border:0;background:transparent;color:#24523b;text-decoration:underline;padding:0 4px 10px;min-height:32px}
.sunnah-product-actions>button{flex:1;min-height:56px;border-radius:8px;text-transform:uppercase;font-weight:600;font-size:15px;white-space:normal}
.sunnah-product-actions #add-to-cart{background:#08793f;border-color:#08793f}
.sunnah-product-actions #buy-now-btn{background:#eab55b;border-color:#eab55b;color:#173f30}
.sunnah-product-design #product-quantity,.sunnah-product-design #button-plus,.sunnah-product-design #button-minus{min-height:48px}
.sunnah-product-design .product-content{margin-top:28px!important}
#sunnah-size-guide{width:min(760px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #dde2d9;border-radius:16px;color:#214735;background:white;overflow:auto}
#sunnah-size-guide::backdrop{background:rgba(10,36,26,.48)}
.sunnah-guide-header{position:sticky;top:0;background:white;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e4e5dd;z-index:1}
.sunnah-guide-header h2{font-size:20px;margin:0}
.sunnah-guide-close{border:0;background:white;font-size:28px;color:#214735;width:44px;height:44px}
.sunnah-guide-body{padding:24px;line-height:1.65}
.sunnah-guide-notice{padding:16px;background:#f2f3e9;border-radius:8px}
#sunnah-size-guide .measurement-help{border-top:1px solid #deded5;margin-top:24px;padding-top:24px}
#sunnah-size-guide .measurement-help h3{font-size:15px;letter-spacing:.06em}
#sunnah-size-guide .measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#sunnah-size-guide .measure-steps{padding-left:22px}
#sunnah-size-guide svg{width:100%;height:auto}
@media(max-width:767px){.sunnah-product-design .card-body{padding:8px}.sunnah-product-design .sunnah-product-layout{--bs-gutter-x:1.5rem}.sunnah-product-info{margin-top:24px}.sunnah-product-design h1{font-size:28px}.sunnah-option-button{padding:12px 10px;min-width:64px}.sunnah-saving{margin-left:6px}.sunnah-guide-body{padding:18px}#sunnah-size-guide .measurement-grid{grid-template-columns:1fr}.sunnah-product-design .tab-content{padding:12px!important}.sunnah-product-design table th{width:auto!important}}
/* Wrap whole colour buttons; allow long pattern names to fit small screens. */
.sunnah-colour-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 175px;white-space:normal;padding:12px 14px;min-width:0}
.sunnah-colour-button .sunnah-option-name{min-width:0;line-height:1.35;text-wrap:balance}
.sunnah-option-button .sunnah-colour-swatch{flex:0 0 22px;margin-right:0}
.sunnah-colour-button[aria-pressed=true]::after{margin-left:0;flex:none}
.sunnah-colour-photo{object-fit:cover;object-position:center 35%;height:30px;background:#f3f0e7}
.sunnah-product-design>.container-fluid>.row>.col-lg-12>.card>.card-body{padding-top:4px}
@media(max-width:767px){.sunnah-colour-button{flex-basis:145px;font-size:14px;padding:12px 10px}.sunnah-product-design>.container-fluid>.row>.col-lg-12>.card>.card-body{padding-top:4px}}