/* MiniGT SA Collector: a photo-studio shop. Pale studio grey like Mini GT's own backdrops, white product plates,
   black type, Mini GT red for anything you can act on. Light only, so WooCommerce's cart and checkout always match. */
:root{
  --studio:#ececea;--plate:#ffffff;--ink:#121212;--mute:#5e6266;--line:#dcdcd8;
  --red:#eb1c24;--red-ink:#c4161e;--ok:#1f7a45;--pre:#2a4fd6;--chip:#f6f6f4;
  --display:"Archivo","Arial Black",system-ui,sans-serif;--body:"Archivo","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--wrap:1240px;
}
body.mgt-collector{margin:0;background:var(--studio);color:var(--ink);font:400 16px/1.5 var(--body);font-stretch:100%;-webkit-font-smoothing:antialiased}
.mgt-collector *,.mgt-collector *::before,.mgt-collector *::after{box-sizing:border-box}
.mgt-collector [hidden]{display:none!important}
.mgt-collector a{color:inherit}
.mgt-collector img{max-width:100%;height:auto}
.mgt-collector :focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:4px}
.mgt-collector .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
/* TeeSpace's loading screen and floating extras are not used by this look */
.mgt-collector [class*="preloader"],.mgt-collector .haru-site-preloader{display:none!important}
.mgt-skip{position:absolute;left:-9999px;top:0}
.mgt-skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}
.mgt-collector .wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mgt-collector h1,.mgt-collector h2,.mgt-collector h3{font-family:var(--display);font-stretch:118%;font-weight:800;line-height:1.05;text-wrap:balance;color:var(--ink);letter-spacing:0;text-transform:none}
.mgt-app h1,.mgt-app h2,.mgt-app h3,.mgt-app p{margin:0}
.mgt-collector .mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em}
.mgt-collector .eyebrow{font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red-ink)}

/* top bar and header */
.mgt-collector .notice{background:#121212;color:#f1f0ec;font-size:13px;margin:0;border:0;padding:0;box-shadow:none}
.mgt-collector .notice .wrap{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;padding-block:8px;text-align:center}
.mgt-collector .notice a{color:#fff;font-weight:600}
.mgt-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--studio) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .mgt-header{top:32px}
.mgt-header .wrap{display:flex;align-items:center;gap:18px;padding-block:12px}
.mgt-header .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.mgt-header .brand svg{height:34px;width:auto}
.mgt-header .brand .sa{font:600 10px/1.15 var(--mono);letter-spacing:.24em;color:var(--mute);border-left:1px solid var(--line);padding-left:10px}
.mgt-header nav.main{display:flex;gap:4px 18px;flex-wrap:wrap;align-items:center;margin-left:8px}
.mgt-header nav.main a{text-decoration:none;font-weight:600;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}
.mgt-header nav.main a[aria-current]{border-color:var(--red)}
.mgt-header .tools{margin-left:auto;display:flex;gap:8px;align-items:center}
.mgt-header .search{display:flex;align-items:center;background:var(--plate);border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin:0;min-width:0}
.mgt-header .search input{border:0;background:transparent;outline:0;font:inherit;font-size:14px;width:200px;min-width:0;color:var(--ink);padding:0;height:auto;box-shadow:none}
.mgt-collector .iconbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--plate);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;color:var(--ink)}
.mgt-collector .mgt-cart-count{background:var(--red);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:12px;padding:0 6px}

/* buttons, badges */
.mgt-collector .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;line-height:1.2;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .12s ease;text-transform:none;letter-spacing:0}
.mgt-collector .btn:hover{transform:translateY(-1px)}
.mgt-collector .btn-red{background:var(--red);color:#fff}
.mgt-collector .btn-ink{background:var(--ink);color:var(--studio)}
.mgt-collector .btn-line{border-color:var(--ink);background:transparent;color:var(--ink)}
.mgt-collector .btn-sm{padding:8px 14px;font-size:14px}
.mgt-collector .badge{display:inline-flex;align-items:center;gap:5px;font:700 11px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:5px 7px;background:var(--chip);color:var(--ink)}
.mgt-collector .badge.stock{background:color-mix(in srgb,var(--ok) 14%,var(--plate));color:var(--ok)}
.mgt-collector .badge.pre{background:color-mix(in srgb,var(--pre) 14%,var(--plate));color:var(--pre)}
.mgt-collector .badge.out{background:var(--chip);color:var(--mute)}
.mgt-collector .badge.series{background:var(--ink);color:var(--studio)}

/* home */
.mgt-app .hero{padding-block:22px 10px}
.mgt-app .hero-frame{position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:320px}
.mgt-app .hero-frame .shot{background:#fff;display:grid;place-items:center}
.mgt-app .hero-frame .shot img{width:100%;height:100%;max-height:420px;object-fit:contain}
.mgt-app .hero-frame .copy{background:var(--ink);color:var(--studio);padding:clamp(20px,4vw,44px);display:grid;align-content:center;gap:12px}
.mgt-app .hero-frame .copy h1{color:var(--studio);font-size:clamp(26px,3.2vw,40px)}
.mgt-app .hero-frame .copy .code{font:500 14px/1 var(--mono);color:#ff8a8e}
.mgt-app .hero-frame .copy p{opacity:.8}
.mgt-app .dots{display:flex;gap:6px;margin-top:6px}
.mgt-app .dots button{width:28px;height:4px;border-radius:2px;border:0;background:#4a4d50;cursor:pointer;padding:0}
.mgt-app .dots button[aria-current="true"]{background:var(--red)}
/* rolling banner (Mini GT's own front-page banners) */
.mgt-app .banners{padding-block:22px 10px}
.mgt-app .bn-frame{position:relative;border-radius:22px;overflow:hidden;background:#d9d9d6;aspect-ratio:1295/610}
.mgt-app .bn-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s;display:block}
.mgt-app .bn-slide.on{opacity:1;visibility:visible;transition:opacity .6s ease}
.mgt-app .bn-slide picture,.mgt-app .bn-slide img{width:100%;height:100%;display:block}
.mgt-app .bn-slide img{object-fit:cover}
.mgt-app .bn-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#121212;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.mgt-app .bn-arrow.prev{left:14px}
.mgt-app .bn-arrow.next{right:14px}
.mgt-app .bn-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:16px 4px 0}
.mgt-app .bn-sub{color:var(--mute);margin-top:6px}
.mgt-app .bn-bar .dots button{background:var(--line)}
.mgt-app .bn-bar .dots button[aria-current="true"]{background:var(--red)}
@media (max-width:700px){.mgt-app .bn-frame{aspect-ratio:400/344;border-radius:16px}.mgt-app .bn-arrow{display:none}}
.mgt-app section.band{padding-block:40px}
.mgt-app .head{display:flex;justify-content:space-between;align-items:end;gap:10px 24px;flex-wrap:wrap;margin-bottom:18px}
.mgt-app .head h2{font-size:clamp(26px,3vw,36px)}
.mgt-app .head p{color:var(--mute);max-width:52ch;margin-top:6px}
.mgt-app .head a{font-weight:700;color:var(--red-ink);text-decoration:none}
.mgt-app .rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.mgt-app .rail>*{scroll-snap-align:start}
.mgt-app .series-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.mgt-app .series-card{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;display:grid;grid-template-rows:auto 1fr}
.mgt-app .series-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 40%;background:#fff}
.mgt-app .series-card div{padding:10px 12px 12px;display:grid;gap:2px}
.mgt-app .series-card b{font-family:var(--display);font-stretch:112%;font-size:16px}
.mgt-app .series-card span{color:var(--mute);font-size:13px}
.mgt-app .lookup{background:var(--ink);color:var(--studio);border-radius:22px;padding:28px clamp(18px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 36px;align-items:center}
.mgt-app .lookup h2{font-size:clamp(24px,3vw,34px);color:var(--studio)}
.mgt-app .lookup p{opacity:.75;margin-top:8px}
.mgt-app .lookup form{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.mgt-app .lookup input{flex:1 1 220px;min-width:0;font:600 18px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:14px 16px;border-radius:12px;border:0;background:#fff;color:#121212;height:auto}
.mgt-app .chips{display:flex;gap:8px;flex-wrap:wrap}
.mgt-app .chip{display:inline-flex;gap:6px;align-items:center;text-decoration:none;border:1px solid var(--line);background:var(--plate);border-radius:999px;padding:7px 12px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink);line-height:1.3}
.mgt-app .chip span{color:var(--mute);font-weight:400}
.mgt-app .chip[aria-pressed="true"]{background:var(--ink);color:var(--studio);border-color:var(--ink)}
.mgt-app .chip[aria-pressed="true"] span{color:inherit;opacity:.7}
.mgt-app .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:24px}
.mgt-app .trust div{padding:18px 18px 18px 0;display:grid;gap:4px}
.mgt-app .trust div+div{padding-left:18px;border-left:1px solid var(--line)}
.mgt-app .trust b{font-family:var(--display);font-stretch:112%;font-size:16px}
.mgt-app .trust span{color:var(--mute);font-size:14px}

/* product cards */
.mgt-app .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.mgt-app .card{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:border-color .15s ease,transform .15s ease;position:relative}
.mgt-app .card:hover{border-color:var(--ink);transform:translateY(-2px)}
.mgt-app .card>a{text-decoration:none;display:grid;grid-template-rows:auto 1fr}
.mgt-app .card .shot{position:relative;background:#fff;display:block}
.mgt-app .card .shot img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 42%;display:block}
.mgt-app .card .badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;flex-wrap:wrap}
.mgt-app .card .info{padding:10px 12px 12px;display:grid;gap:4px;align-content:start}
.mgt-app .card .code{font:500 12px/1 var(--mono);color:var(--red-ink)}
.mgt-app .card h3{font:600 14px/1.3 var(--body);font-stretch:100%}
.mgt-app .card .row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px}
.mgt-app .card .add{border:0;background:var(--red);color:#fff;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer;line-height:1.2}
.mgt-app .card .add[disabled]{opacity:.6;cursor:progress}
.mgt-collector .price{font-family:var(--display);font-stretch:112%;font-weight:800;font-size:18px;color:var(--ink)}
.mgt-collector .qty-note{font:600 12px/1 var(--body);color:var(--ok)}
.mgt-collector .instock{color:var(--ok)}
.mgt-collector .price.small{font-size:14px;font-weight:700;color:var(--mute);font-family:var(--body);font-stretch:100%}
.mgt-app .noimg{aspect-ratio:1;display:grid;place-items:center;color:var(--mute);font:500 12px var(--mono);background:var(--chip)}

/* shop view */
.mgt-app .shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding-block:24px 56px;align-items:start}
.mgt-app .shop-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap}
.mgt-app .shop-title h1{font-size:clamp(28px,3.4vw,42px)}
.mgt-app .filters{position:sticky;top:96px;display:grid;gap:18px;max-height:calc(100vh - 116px);overflow:auto;padding-right:4px}
.mgt-app .fgroup{display:grid;gap:8px}
.mgt-app .fgroup h4{margin:0;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mgt-app .fgroup select,.mgt-app .fgroup input[type=search]{font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--plate);color:var(--ink);width:100%;height:auto}
.mgt-app .status{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mgt-app .status b{font-variant-numeric:tabular-nums}
.mgt-app .linkbtn{background:none;border:0;padding:0;font-weight:700;color:var(--red-ink);cursor:pointer;text-decoration:underline}
.mgt-app .more{display:flex;justify-content:center;margin-top:22px}
.mgt-app .ftoggle{display:none}
.mgt-app .empty{color:var(--mute);padding:24px 0}
.mgt-loading{padding-block:80px;color:var(--mute);text-align:center}
.mgt-js .mgt-fallback{display:none}
.mgt-fallback{padding-block:24px 56px}

/* WooCommerce pages (single product, cart, checkout, account) in the same look */
.mgt-collector .woocommerce-breadcrumb{font-size:14px;color:var(--mute);padding-top:18px}
.mgt-collector.single-product div.product,.mgt-collector .woocommerce-cart .woocommerce,.mgt-collector .woocommerce-checkout .woocommerce{font-family:var(--body)}
.mgt-collector.single-product div.product .product_title{font-size:clamp(26px,3vw,38px);margin:4px 0 8px}
.mgt-collector.single-product div.product p.price,.mgt-collector.single-product div.product span.price{font-family:var(--display);font-stretch:112%;font-weight:800;font-size:30px;color:var(--ink)}
.mgt-collector.single-product div.product .woocommerce-product-gallery{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mgt-collector .mgt-pdp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.mgt-collector .mgt-code{font:500 14px/1 var(--mono);color:var(--red-ink);margin:0 0 6px}
.mgt-collector .mgt-note{color:var(--mute);font-size:15px}
.mgt-collector .woocommerce .button,.mgt-collector .woocommerce button.button,.mgt-collector .woocommerce a.button,.mgt-collector .woocommerce input.button,
.mgt-collector .woocommerce button.single_add_to_cart_button,.mgt-collector .woocommerce #place_order,.mgt-collector .wc-block-components-button{
  background:var(--red)!important;color:#fff!important;border-radius:999px!important;border:0!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;padding:12px 22px!important}
.mgt-collector .woocommerce .button.alt:hover,.mgt-collector .woocommerce .button:hover{filter:brightness(.95)}
.mgt-collector .woocommerce .quantity .qty{border-radius:10px;border:1px solid var(--line);min-height:46px}
.mgt-collector .woocommerce table.shop_table,.mgt-collector .woocommerce .cart_totals,.mgt-collector .woocommerce-checkout-review-order{background:var(--plate);border:1px solid var(--line);border-radius:14px}
.mgt-collector .woocommerce form .form-row input.input-text,.mgt-collector .woocommerce form .form-row textarea,.mgt-collector .woocommerce form .form-row select{border:1px solid var(--line);border-radius:10px;background:var(--plate);padding:10px 12px}
.mgt-collector .woocommerce-message,.mgt-collector .woocommerce-info{border-top-color:var(--red)}
.mgt-collector .woocommerce-message::before,.mgt-collector .woocommerce-info::before{color:var(--red)}
.mgt-collector .entry-content,.mgt-collector .site-main{font-family:var(--body)}

/* footer */
.mgt-collector footer.site{background:#121212;color:#e9e8e4;margin-top:24px}
.mgt-collector footer.site .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding-block:40px 20px}
.mgt-collector footer.site .wrap.legal{display:block;padding-block:0 28px;font-size:13px;opacity:.6}
.mgt-collector footer.site h4{margin:0 0 10px;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.65;color:#e9e8e4}
.mgt-collector footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mgt-collector footer.site a{text-decoration:none;color:#e9e8e4}
.mgt-collector footer.site a:hover{text-decoration:underline}
.mgt-collector footer.site p{margin:0}
.mgt-collector footer.site .small{opacity:.7;font-size:14px;margin-top:10px}
.mgt-collector .toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translateX(-50%);background:var(--ink);color:var(--studio);padding:12px 18px;border-radius:999px;font-weight:600;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mgt-collector .toast a{color:#fff;margin-left:8px}

@media (max-width:1020px){
  .mgt-app .series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mgt-app .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgt-app .trust div:nth-child(3){border-left:0;padding-left:0}
  .mgt-app .trust div:nth-child(n+3){border-top:1px solid var(--line)}
  .mgt-header .search input{width:140px}
}
@media (max-width:860px){
  .mgt-header nav.main{order:3;width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .mgt-header nav.main a{white-space:nowrap}
  .mgt-header .wrap{flex-wrap:wrap;gap:10px}
  .mgt-header{position:static}
  .mgt-header .search{display:none}
  .mgt-app .shop{grid-template-columns:1fr}
  .mgt-app .filters{position:static;max-height:none;overflow:visible}
  .mgt-app .filters[data-open="false"] .fgroup{display:none}
  .mgt-app .ftoggle{display:inline-flex}
  .mgt-app .lookup,.mgt-app .hero-frame{grid-template-columns:1fr}
  .mgt-collector footer.site .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .mgt-app .series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgt-app .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mgt-app .trust{grid-template-columns:1fr}
  .mgt-app .trust div,.mgt-app .trust div+div{padding:14px 0;border-left:0}
  .mgt-app .trust div+div{border-top:1px solid var(--line)}
  .mgt-header .brand svg{height:28px}
  .mgt-collector footer.site .wrap{grid-template-columns:1fr}
  .mgt-app .card .row{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.mgt-collector *{transition:none!important}}