/* Expanded destination sections and cross-device refinements */
body{overflow-x:hidden}
img{display:block;max-width:100%}
.header{position:sticky;top:0;z-index:40;box-shadow:0 8px 22px rgba(7,29,56,.08)}
.menu-toggle span:after{display:none}
.shop-collection{background:#eee5d7}
.collection-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;align-items:end;margin-bottom:54px}
.collection-heading h2,.textile-copy h2,.services-heading h2,.about-story h2,.about-pillars h2{font-size:clamp(44px,5vw,70px);line-height:.92}
.collection-heading>p,.textile-copy>p,.services-heading>p,.about-story p,.about-pillars>p{color:var(--m);line-height:1.75;margin:0}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.shop-card{position:relative;min-width:0;background:var(--p);overflow:hidden;box-shadow:0 12px 34px rgba(7,29,56,.08);transition:transform .35s ease,box-shadow .35s ease}
.shop-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(7,29,56,.14)}
.shop-card img{width:100%;height:280px;object-fit:cover;object-position:center}
.shop-card>div{padding:24px 24px 27px;border-top:3px solid var(--g)}
.shop-card span,.textile-visual span,.service-grid span{color:var(--g);font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.shop-card h3{font-size:28px;margin:7px 0 6px}
.shop-card p{color:var(--m);font-size:12px;line-height:1.6;margin:0}
.shop-card-small>div{border-top-color:#b99b6b}
.shop-card-small span{color:#8b6d3e}
.footer-contacts{flex-wrap:wrap;row-gap:8px}
.details>div:first-child a{display:block;margin-bottom:5px}
.textile-world{display:grid;grid-template-columns:1.08fr .92fr;gap:0;padding-top:0;padding-bottom:0;background:var(--p)}
.textile-visual{position:relative;min-height:660px;margin-left:-10vw}
.textile-visual img{width:100%;height:100%;min-height:660px;object-fit:cover}
.textile-visual span{position:absolute;left:34px;bottom:30px;padding:12px 15px;background:rgba(7,29,56,.9);color:#fff;border-left:3px solid var(--g)}
.textile-copy{padding:100px 0 100px 8vw;align-self:center}
.textile-copy>p{max-width:520px;margin:24px 0 30px}
.material-list{margin:26px 0 32px;border-bottom:1px solid #ded3c1}
.material-list>div{display:flex;gap:18px;padding:18px 0;border-top:1px solid #ded3c1}
.material-list b{color:var(--g);font-size:11px}
.material-list span{font-size:12px;color:var(--m)}
.material-list strong{display:block;color:var(--n);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.services-section{background:#081e39;color:#fff}
.services-heading{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end;margin-bottom:50px}
.services-heading>p{color:#cfd7df}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-grid article{background:#fffdfa;color:var(--n)}
.service-grid img{width:100%;height:430px;object-fit:cover}
.service-grid article>div{padding:28px 30px 32px}
.service-grid h3{font-size:34px;margin:7px 0}
.service-grid p{color:var(--m);font-size:13px;line-height:1.7;margin:0;max-width:520px}

/* About page */
.about-page .about-hero{height:56vh;min-height:440px;max-height:610px;background:linear-gradient(90deg,rgba(5,20,40,.9),rgba(5,20,40,.42)),url('../images/premium-abaya-boutique-gallery.png') center/cover}
.about-page .about-hero .hero-content{padding:11vh 10vw;max-width:780px}
.about-page .about-hero h1{font-size:clamp(54px,6vw,86px)}
.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:var(--p)}
.about-story-media{position:relative}
.about-story-media img{width:100%;height:520px;object-fit:cover}
.about-story-media:after{content:'A FOCUSED HOME FOR MODEST FASHION';position:absolute;left:-25px;bottom:28px;padding:14px 18px;background:var(--n);color:#fff;border-left:3px solid var(--g);font-size:9px;letter-spacing:1.5px}
.about-story-copy p{margin:22px 0 0}
.about-pillars{background:#eee5d7}
.about-pillars>p{max-width:620px;margin:22px 0 46px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar-grid article{padding:34px;background:var(--p);border-top:3px solid var(--g)}
.pillar-grid b{color:var(--g);font:600 36px 'Cormorant Garamond',serif}
.pillar-grid h3{font-size:27px;margin:10px 0 8px}
.pillar-grid p{color:var(--m);font-size:13px;line-height:1.7;margin:0}
.about-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--n);color:#fff;padding-top:68px;padding-bottom:68px}
.about-cta h2{font-size:clamp(38px,4vw,58px);line-height:.95}

/* Tablet */
@media(max-width:1050px){
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-card img{height:300px}
  .textile-world{grid-template-columns:1fr 1fr}
  .textile-copy{padding-left:6vw}
  .service-grid img{height:360px}
}

/* Mobile and compact tablet */
@media(max-width:760px){
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .menu-toggle span{display:block;width:20px;height:2px;margin:0}
  .header{position:relative;z-index:30}
  .logo{font-size:24px;line-height:.75}
  .logo small{font-size:6px;letter-spacing:1.35px}
  .topbar{height:auto;min-height:38px;gap:12px;padding-top:8px;padding-bottom:8px;font-size:8px}
  .topbar span{max-width:58%}
  .hero{height:auto!important;min-height:650px!important;background-position:72% center!important}
  .hero-content{padding:90px 7vw 210px!important;max-width:100%}
  .hero-content h1{font-size:clamp(49px,15vw,64px)!important;line-height:.9}
  .hero-copy{font-size:14px;max-width:92%}
  .hero-note{left:7vw!important;right:auto!important;bottom:80px!important;max-width:86%;padding:13px 16px!important}
  .hero-note strong{font-size:50px}
  .scroll{left:7vw;bottom:25px}
  .collection-heading,.services-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
  .shop-grid{grid-template-columns:1fr;gap:15px}
  .shop-card img{height:auto;aspect-ratio:4/3}
  .shop-card>div{padding:20px 20px 23px}
  .textile-world{grid-template-columns:1fr;padding-left:0;padding-right:0}
  .textile-visual{margin:0;min-height:360px}
  .textile-visual img{min-height:360px;height:360px}
  .textile-copy{padding:68px 8vw}
  .service-grid{grid-template-columns:1fr;gap:16px}
  .service-grid img{height:auto;aspect-ratio:4/3}
  .service-grid article>div{padding:24px}
  .fabric-showcase{gap:14px}
  .fabric-feature{min-height:370px}
  .fabric-gallery{grid-template-columns:1fr 1fr}
  .fabric-card{height:auto;aspect-ratio:1/1}
  .about-page .about-hero{height:auto!important;min-height:470px!important}
  .about-page .about-hero .hero-content{padding:95px 8vw 70px!important}
  .about-story{grid-template-columns:1fr;gap:42px}
  .about-story-media img{height:auto;aspect-ratio:4/3}
  .about-story-media:after{left:0;bottom:18px;max-width:88%}
  .pillar-grid{grid-template-columns:1fr}
  .about-cta{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}
  footer{gap:26px}
}

@media(max-width:420px){
  .topbar span{display:none}
  .topbar{justify-content:flex-end}
  .hero{min-height:620px!important}
  .hero-content{padding-left:6vw!important;padding-right:6vw!important}
  .hero-content .eyebrow{font-size:8px;letter-spacing:1.3px}
  .button{padding:15px 17px;gap:15px}
  .section,.contact{padding-left:6vw;padding-right:6vw}
  .fabric-gallery{grid-template-columns:1fr}
  .shop-card h3{font-size:26px}
  .service-grid h3{font-size:30px}
}

.form-status{margin:0 0 4px;padding:14px 16px;border-left:3px solid;font-size:13px;line-height:1.55;text-transform:none;letter-spacing:0}
.form-status.success{background:#e8f0e5;color:#254424;border-color:#6b9664}
.form-status.error{background:#f9e5e3;color:#6f2520;border-color:#b85a52}
.form-feedback{grid-column:1/-1;width:100%}
.form-feedback[hidden]{display:none}
.form-loading{display:flex;align-items:center;gap:10px;min-height:34px;color:var(--n);font-size:12px;letter-spacing:.3px}
.enquiry .form-loading{color:#fff}
.form-spinner{width:19px;height:19px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:form-spin .75s linear infinite}
.button:disabled{cursor:wait;opacity:.7}
@keyframes form-spin{to{transform:rotate(360deg)}}
