/*
Theme Name: Tantmode
Description: Minimal streetwear T-shirt store theme for WooCommerce
Version: 1.1
Text Domain: tantmode
*/
:root{--bg:#ecebe8;--fg:#111;--mute:#6d6b66;--line:#cfccc6;--card:#e2e0db}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Archivo','Noto Sans Bengali',Arial,sans-serif;font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
img{max-width:100%;height:auto}

/* header */
.tm-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;padding:14px 24px;color:#fff;font-size:13px;mix-blend-mode:difference}
.tm-nav .grp{display:flex;gap:22px;align-items:center}
.tm-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}

/* hero */
.hero{height:100vh;min-height:560px;background:radial-gradient(ellipse at 50% 70%,#4a4a52,#18181b 70%) center/cover;color:#fff;position:relative;display:grid;place-items:center}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.hero h1{position:relative;z-index:1;margin:0;font-stretch:125%;font-weight:900;font-size:clamp(40px,13vw,210px);letter-spacing:-.03em;line-height:.9}
.hero p{position:absolute;z-index:1;bottom:24px;left:24px;margin:0;font-size:13px;max-width:260px;color:#ddd}
.hero .cta{position:absolute;z-index:1;bottom:24px;right:24px;background:#fff;color:#111;padding:11px 20px;font-size:13px;font-weight:600}

/* sections */
.tm-sec{padding:72px 24px}
.tm-sec h2{font-weight:700;font-size:13px;margin:0 0 24px}
.tm-page{padding:100px 24px 60px;max-width:1100px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.grid div{aspect-ratio:3/4;background:var(--card) center/cover}

/* product loop */
.woocommerce ul.products{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;border:0;background:none;box-shadow:none;font-size:12px}
.woocommerce ul.products li.product img{margin:0 0 12px;background:var(--card)}
.woocommerce ul.products li.product .button,.woocommerce span.onsale{display:none}
.woocommerce-loop-product__title{font-size:12px!important;font-weight:600;padding:0!important}
.price{font-size:12px!important;color:var(--mute)!important}
@media(max-width:767px){
 .woocommerce ul.products{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory}
 .woocommerce ul.products li.product{flex:0 0 60%;scroll-snap-align:start}
}

/* single product */
.single-product div.product{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:800px){.single-product div.product{grid-template-columns:1.5fr 1fr;align-items:start}}
.single-product .woocommerce-product-gallery{width:100%!important;float:none!important;background:var(--card)}
.single-product .summary{width:100%!important;float:none!important;max-width:360px;font-size:13px;position:sticky;top:80px}
.single-product .product_title{font-size:15px;font-weight:600;margin:0 0 8px}
.single-product .summary .price{font-size:20px!important;font-weight:300;color:var(--fg)!important}
.single-product .single_add_to_cart_button,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--fg)!important;color:var(--bg)!important;border-radius:0!important;height:46px;font-weight:600;padding:0 24px}
.single-product .single_add_to_cart_button{width:100%}
.single-product .variations select{border:1px solid var(--line);border-radius:0;padding:10px;background:none;color:inherit;min-width:120px}
.woocommerce-tabs,.related{grid-column:1/-1}

/* footer */
.tm-foot{padding:40px 24px 60px;color:var(--mute);font-size:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v1.1 */
.admin-bar .tm-nav{top:32px}
@media(max-width:782px){.admin-bar .tm-nav{top:46px}}
.hero{height:88vh}
.tm-sec{padding:56px 24px}
.woocommerce ul.products li.product img{aspect-ratio:3/4;object-fit:cover;width:100%}
.tm-more{display:inline-block;margin-top:28px;background:#111;color:#fff;padding:12px 22px;font-size:13px;font-weight:600}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{position:relative;display:block}
.tm-slices{position:absolute;top:0;left:0;width:100%;aspect-ratio:3/4;display:flex;pointer-events:none;overflow:hidden}
.tm-slices i{flex:1;background-size:600% 100%;background-repeat:no-repeat;transform:scaleY(0);transform-origin:top;transition:transform .35s ease}
.woocommerce ul.products li.product:hover .tm-slices i{transform:scaleY(1)}
@media (hover:none){.tm-slices{display:none}}