/* Madams Fashion House — shared layout for laptop / desktop screens.
   Linked from every public page. The phone layout of each page is unchanged;
   everything below only applies from 768px (tablets) and wider. */

/* Buy Now + Enquire buttons on product cards (all screen sizes) */
.buy-row{display:flex;gap:6px;}
.buy-row a{flex:1;}
.p-buy{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 0;border-radius:8px;
  background:var(--wine);border:1.3px solid var(--wine);color:#fff;font-size:10.5px;font-weight:700;text-decoration:none;}

.top-nav{display:none;}

@media (min-width:768px){
  body{overflow-x:hidden;}
  .frame{max-width:1180px;padding:0 24px 40px;overflow-x:visible;}
  .announce,.frame>header{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
  .announce{font-size:12.5px;padding:8px 12px;}
  .frame>header{padding:12px max(24px, calc(50vw - 566px));}
  .logo-img{height:52px;width:52px;}
  .logo-word{font-size:22px;} .logo-word small{font-size:9.5px;}
  .icon-btn{width:42px;height:42px;}
  .fab-wa{right:28px !important;bottom:28px;}

  .breadcrumb{padding:22px 0 4px;font-size:13px;}
  h1.page-title{font-size:32px;margin:6px 0 16px;}

  /* category & new-arrivals pages */
  .cat-intro{margin:0 0 22px;padding:22px 26px;}
  .cat-intro p{font-size:15px;}
  .cat-intro h2{font-size:18px;}
  .cat-toggle{font-size:14px;}
  .chip-row{flex-wrap:wrap;overflow:visible;padding:0 0 20px;gap:10px;}
  .chip{font-size:13.5px;padding:9px 18px;}
  .p-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:0;}
  .p-grid + .p-grid{margin-top:16px;}
  .p-card{transition:box-shadow .2s,transform .2s;}
  .p-card:hover{box-shadow:0 8px 24px rgba(59,20,32,.12);transform:translateY(-2px);}
  .p-photo{cursor:pointer;}
  .p-body{padding:12px 12px 14px;}
  .p-code{font-size:11px;}
  .p-name{font-size:15px;}
  .p-fabric{font-size:12.5px;}
  .p-price{font-size:18px;}
  .p-buy,.p-wa{font-size:12.5px;padding:10px 0;border-radius:var(--r-btn);}
  .buy-row{gap:8px;}
  .empty-state{font-size:15px;padding:70px 20px;}
  .load-more-wrap{max-width:380px;margin:0 auto;padding-top:28px;}

  /* contact page */
  .story-card,.info-card,.form-card,.map-wrap{max-width:820px;margin:18px auto 0;}
  .story-card{padding:30px 34px;}
  .story-card h1{font-size:30px;}
  .story-card p{font-size:15px;}
  .mini-badge{font-size:12.5px;padding:6px 12px;}
  .info-card,.form-card{padding:26px 30px;}
  .info-card h3,.form-card h3{font-size:20px;}
  .info-row{font-size:15px;padding:12px 0;}
  .info-sub{font-size:13px;}
  .social-btn{font-size:14px;padding:12px;}
  .form-card .sub{font-size:13.5px;}
  .field label{font-size:13.5px;}
  .field input,.field textarea{font-size:15px;padding:12px;}
  .btn-full{max-width:360px;margin:0 auto;}
  .map-wrap iframe{height:360px;}
}

@media (min-width:1024px){
  .hamburger{display:none;}
  .top-nav{display:flex;gap:26px;}
  .top-nav a{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;}
  .top-nav a:hover,.top-nav a.on{color:var(--wine);border-bottom-color:var(--wine);}
  .p-grid{gap:24px;}
  .p-grid + .p-grid{margin-top:24px;}
}