/* ThemeDokan UI v16 (separate file: main bundles are over 1 MB)
   - one corner shape everywhere: top-left 5px, top-right square, bottom-right 5px, bottom-left square
   - single product: dark hero with title + chips, smaller prettier image
   - product grid: smaller cards */

/* ---- 1) same radius for everything (buttons, cards, inputs, tags, chat ...) ---- */
:root{
 --b-tl:5px;--b-tr:0px;--b-br:5px;--b-bl:0px;
 --s-tl:5px;--s-tr:0px;--s-br:5px;--s-bl:0px;
 --c-tl:5px;--c-tr:0px;--c-br:5px;--c-bl:0px;
 --m-tl:5px;--m-tr:0px;--m-br:5px;--m-bl:0px;
 --bt:5px;
}
[class*="rounded-"]:not([class*="rounded-full"]),
[class*="rounded-full"][class*="px-"],
.td-chips span,.td-pdp-chips a,.td-pdp-chips span,.td-orders em,.td-stat-i,.td-banner-i,.td-dcat-i,.td-msheet-ico,.td-ai-mini,.td-ai-b,
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,
.tdw,.tdw-b,.tdw-btn,.tdw-chip,.tdw-wa,.tdw-form input,.tdw-send,.tdw-lang,.tdw-fab,.tdw-mini,
.td-hero-search input,.td-hero-search .td-search-go,.td-dash-greet,.td-co-hero .td-co-steps2{border-radius:5px 0 5px 0!important}
.td-mnav{border-radius:5px 0 0 0!important}
.td-card .absolute.left-0.top-0 span{border-radius:0 0 5px 0!important}

/* ---- 2) single product: hero (title + category / sales / rating chips) ---- */
body{overflow-x:clip}
.td-pdp-hero{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);padding:18px 16px 62px;text-align:center;color:#fff;
 background:radial-gradient(900px 340px at 50% -12%,#1d3470 0%,transparent 62%),linear-gradient(180deg,#09112a,#0c162f)}
.td-pdp-hero::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-1px;height:46px;background:hsl(var(--background));border-radius:50% 50% 0 0/100% 100% 0 0}
.td-pdp-hero>*{position:relative;z-index:1}
.td-pdp-crumb{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden}
.td-pdp-crumb a{color:rgba(255,255,255,.8);text-transform:capitalize}
.td-pdp-crumb a:hover{color:#fff}
.td-pdp-crumb svg{flex:none;opacity:.7}
.td-pdp-title{max-width:920px;margin:12px auto 0;font-size:24px!important;line-height:1.25!important;font-weight:800;letter-spacing:-.01em;color:#fff!important}
@media (min-width:640px){.td-pdp-title{font-size:36px!important;line-height:1.2!important}.td-pdp-hero{padding:26px 24px 72px}}
.td-pdp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.td-pdp-chips a,.td-pdp-chips span{padding:6px 13px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;font-size:13px;font-weight:500;text-transform:capitalize}
.td-pdp-chips a:hover{background:rgba(255,255,255,.14)}
.td-pdp-chips span:nth-child(n+2){text-transform:none}

/* ---- 3) gallery: smaller + prettier ---- */
.td-gallery-box{max-width:720px;margin-left:auto!important;margin-right:auto!important;margin-top:4px!important;padding:0;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 18px 40px -26px rgba(15,23,42,.55)}
.td-gallery-btn{display:block;width:100%}
.td-gallery-main{width:100%;height:auto}
.td-zoom-hint{width:36px;height:36px;background-size:19px;right:.6rem;bottom:.6rem;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.td-gallery-box ~ div.flex{max-width:720px;margin-left:auto;margin-right:auto;justify-content:center}
.td-gallery-box ~ div.flex button.h-16{height:52px;width:52px}
@media (min-width:1024px){.td-gallery-box{margin-left:0!important;margin-right:auto!important}.td-gallery-box ~ div.flex{margin-left:0;justify-content:flex-start}}

/* ---- 4) product grid: smaller cards ---- */
.td-card{box-shadow:none!important}
.td-card .p-3{padding:9px!important}
@media (min-width:640px){.td-card .sm\:p-4{padding:11px!important}}
.td-card-title{font-size:13px!important;line-height:1.35!important;font-weight:600}
.td-card .mono-meta{font-size:10px}
.td-card .mt-2{margin-top:5px}
.td-card .mt-3.border-t,.td-card .sm\:mt-4{margin-top:8px!important;padding-top:8px!important}
.td-card span.font-heading{font-size:14.5px!important}
.td-card .line-through{font-size:11.5px!important}
.td-card button,.td-card .h-9{height:30px!important;min-height:0;font-size:12px!important}
.td-card button.w-9{width:30px!important}
.td-card .w-4.h-4,.td-card svg{max-width:15px;max-height:15px}
.td-rs{margin-top:5px;font-size:11px}