/* ══════════════════════════════════════════
   RESPONSIVE — DESKTOP (min 1200px)
══════════════════════════════════════════ */
@media(min-width:1200px){
  .admin-header{padding:0 56px;gap:32px}
  .admin-logo{font-size:20px;letter-spacing:4px}
  .admin-top-nav{gap:8px}
  .admin-tab{padding:10px 22px;font-size:12px}
  .admin-content{padding:48px 56px}
  .adm-stats{gap:20px;margin-bottom:40px}
  .adm-h1{font-size:32px}
}

/* ══════════════════════════════════════════
   RESPONSIVE — TABLET (max 1100px)
══════════════════════════════════════════ */
@media(max-width:1100px){
  /* Admin */
  .admin-header{padding:12px 24px;gap:10px;flex-wrap:wrap;height:auto}
  .admin-top-nav{gap:4px;order:3;flex-basis:100%;overflow-x:auto;justify-content:flex-start}
  .admin-tab{padding:8px 14px;font-size:11px}
  .admin-logout{order:2}

  /* Layout */
  .hero{grid-template-columns:1fr;padding:100px 32px 56px}
  .hero-img-wrap{height:50vw;min-height:240px}
  .collections-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px}
  .coll-large{grid-row:span 1}
  .philosophy-inner{grid-template-columns:1fr;gap:48px}
  .philosophy-img-wrap{order:-1;max-width:520px}
  .philosophy-img-label,.philosophy-img-accent{display:none}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:4px}
  .g-item:nth-child(n){grid-column:auto;grid-row:auto}
  .g-item:nth-child(1){grid-column:span 2;min-height:240px}
  .g-tall{grid-row:auto}.g-wide{grid-column:span 2}
  .ft-top{grid-template-columns:1fr 1fr;gap:32px}
  .det-grid{grid-template-columns:1fr;gap:24px}
  .det-imgs{position:static}
  .cart-layout{grid-template-columns:1fr;gap:24px}
  .cart-sum{position:static}
  .co-layout{grid-template-columns:1fr;gap:24px}
  .co-summary{position:static}
  .adm-page{grid-template-columns:1fr;display:flex;flex-direction:column;min-height:100svh}
  .adm-side{display:none}
  .adm-mob-bar{display:flex;top:0}
  .adm-main{padding:24px 20px;flex:1}
  .photo-grid{grid-template-rows:260px 260px}
}

/* ══════════════════════════════════════════
   RESPONSIVE — MOBILE (max 768px)
══════════════════════════════════════════ */
@media(max-width:768px){
  html,body{overflow-x:hidden;max-width:100%}

  /* Trust bar */
  .trust-bar{justify-content:flex-start;gap:20px;font-size:10px;padding:7px 16px}

  /* Nav */
  #nav{padding:0 16px;height:58px;top:0}
  #nav.up{top:0}
  nav:not(.mob-nav) .nav-links{display:none}
  .burger{display:flex}

  /* Hero */
  .sec,.hero{padding:48px 16px}
  .hero{padding-top:76px;min-height:70svh;grid-template-columns:1fr}
  .hero-img-wrap{display:none !important}
  .hero-title{font-size:clamp(34px,10vw,52px);letter-spacing:-0.5px}
  .hero-sub{font-size:14px;max-width:100%}
  .hero-btns{flex-direction:column;gap:10px}
  .hero-btns .btn{width:100%;justify-content:center}

  /* Philosophy */
  .philosophy-sec{padding:48px 16px}
  .philosophy-inner{grid-template-columns:1fr;gap:32px}
  .philosophy-img-wrap{order:-1;max-width:100%}
  .philosophy-img-label,.philosophy-img-accent{display:none}
  .philosophy-stats{flex-direction:row;flex-wrap:wrap;gap:16px}
  .pstat-sep{display:none}

  /* Collections */
  .collections-sec{padding:48px 16px}
  .collections-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px;gap:4px}
  .coll-desc{display:none}
  .coll-name{font-size:14px}

  /* Photo grid */
  .photo-sec{padding:48px 16px}
  .photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px;gap:8px}

  /* Gallery */
  .gallery-sec{padding:48px 16px}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:140px 140px;gap:4px}
  .g-item:nth-child(n){grid-column:auto;grid-row:auto}
  .g-item:nth-child(1){grid-column:span 2}
  .g-tall{grid-row:auto}.g-wide{grid-column:span 2}

  /* Manifesto */

  /* Products */
  .pgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcard-info{padding:10px 10px 12px}
  .pcard-name{font-size:13px}
  .price-now{font-size:14px}

  /* Toolbar */
  .cat-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .cat-tabs::-webkit-scrollbar{display:none}
  .cat-tab{flex-shrink:0;white-space:nowrap}
  .prod-toolbar{flex-direction:column;align-items:flex-start;gap:10px}
  .prod-toolbar-right{width:100%;justify-content:space-between}
  .prod-hero{padding:72px 16px 32px}

  /* Trust */

  /* Categories */

  /* Footer */
  .ft-top{grid-template-columns:1fr;padding:40px 16px;gap:24px}
  .ft-bottom{padding:14px 16px;flex-direction:column;gap:6px;text-align:center}

  /* Detail */
  .det-page{padding:72px 16px 48px}
  .det-grid{grid-template-columns:1fr;gap:20px}
  .det-imgs{position:static}
  .det-actions{flex-direction:column;gap:10px}
  .det-actions .btn{width:100%;justify-content:center}
  .btn-addcart{flex:none}

  /* Cart */
  .cart-page{padding:72px 16px 48px}
  .cart-layout{grid-template-columns:1fr;gap:20px}
  .cart-sum{position:static;padding:20px}
  .cart-item{grid-template-columns:72px 1fr auto;gap:12px}
  .ci-img{width:72px;height:88px}

  /* Checkout */
  .co-page{padding:72px 16px 48px}
  .co-layout{grid-template-columns:1fr;gap:20px}
  .co-meths{grid-template-columns:1fr;gap:8px}
  .co-summary{position:static;padding:20px}
  .form-row,.form-row-2,.form-row-3{grid-template-columns:1fr}
  .form-inp,.adm-form-body input,.adm-form-body select,.adm-form-body textarea{font-size:16px}

  /* Toast */
  .toast{right:12px;left:12px;bottom:14px;font-size:12px}

  /* Admin */
  #pg-admin{padding-top:0}
  .adm-page{display:flex;flex-direction:column;min-height:100svh}
  .adm-side{display:none}
  .adm-main{padding:16px;overflow-x:hidden;flex:1}
  .adm-h1{font-size:22px}
  .adm-form-wrap{grid-template-columns:1fr}
  .adm-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .adm-card table{min-width:500px}
  .adm-stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .adm-stat{padding:16px}
  .adm-mob-bar{display:flex !important;position:sticky;top:0;z-index:600}
  /* Hide desktop top nav, show styled bottom nav */
  .admin-header{padding:0 16px;height:52px;gap:12px}
  .admin-logo{font-size:14px;letter-spacing:1px}
  .admin-top-nav{display:none !important}
  .admin-logout{font-size:10px;padding:6px 12px}
  .admin-mob-nav{display:flex !important}
  .admin-content{padding:16px 16px 76px}
  .admin-dashboard{min-height:100svh}

  /* Cursor off */
  #cur,#curO{display:none !important}
  body,button,a,[onclick]{cursor:auto}
}

/* ══════════════════════════════════════════
   RESPONSIVE — SMALL MOBILE (max 480px)
══════════════════════════════════════════ */
@media(max-width:480px){
  .pgrid{grid-template-columns:repeat(2,1fr);gap:8px}
  .hero{padding:72px 14px 40px}
  .hero-title{font-size:clamp(30px,10vw,44px)}
  .sec{padding:40px 14px}
  .sec-title{font-size:clamp(22px,7vw,32px)}
  nav:not(.mob-nav){padding:0 14px;height:54px}
  .trust-bar{font-size:9px;padding:6px 14px}
  .cart-item{grid-template-columns:56px 1fr auto;gap:8px}
  .ci-img{width:56px;height:68px}
  .cart-page,.co-page,.det-page{padding:66px 14px 40px}
  .ft-top{padding:32px 14px;gap:20px}
  .ft-bottom{padding:12px 14px}
  .adm-form-wrap{grid-template-columns:1fr}
  .co-meths{gap:6px}
  .btn{padding:12px 20px;font-size:12px}
  .btn-sm{padding:8px 14px;font-size:11px}
  .photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px;gap:6px}
  .adm-stats{grid-template-columns:1fr 1fr}
}