:root{--navy:#04183a;--orange:#f36a16;--cream:#fff0d4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020d22;font-family:Arial,Helvetica,sans-serif}.viewport{width:100%;height:100%;display:grid;place-items:center;position:relative}.stage{position:relative;width:min(100vw,177.79vh);aspect-ratio:1673/941;overflow:hidden;box-shadow:0 0 80px #000}.layout{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.hotspot{--left:calc(var(--x)*1%);--top:calc(var(--y)*1%);position:absolute;z-index:4;left:var(--left);top:var(--top);width:calc(var(--w)*1%);height:calc(var(--h)*1%);padding:0;border:0;background:transparent;text-decoration:none;cursor:pointer;filter:drop-shadow(0 .5vw .35vw #00102b99);transition:transform .2s cubic-bezier(.2,1.7,.35,1),filter .2s;transform-origin:center bottom;outline:none}.slice{position:absolute;inset:0;overflow:hidden;border-radius:12%}.slice img{position:absolute;width:var(--iw);max-width:none;height:auto;left:var(--il);top:var(--it);user-select:none;pointer-events:none}.shine{position:absolute;inset:9%;border-radius:15%;background:linear-gradient(135deg,#fff7,transparent 25%,transparent 72%,#0002);opacity:0;transition:opacity .2s;pointer-events:none}.hotspot:hover,.hotspot:focus-visible{z-index:8;transform:translateY(-5%) scale(1.055) rotate(-.5deg);filter:brightness(1.09) saturate(1.08) drop-shadow(0 1vw .55vw #00102bcc)}.hotspot:hover .shine,.hotspot:focus-visible .shine{opacity:.55}.hotspot:active,.hotspot.pressed{transform:translateY(7%) scale(.94);filter:brightness(.84) saturate(1.15) drop-shadow(0 .16vw .12vw #00102bcc);transition-duration:.06s}.hotspot.product:hover{transform:translateY(-3%) scale(1.025)}.hotspot.support:hover{transform:scale(1.07) rotate(2deg)}.hotspot.cta{border-radius:40%}.hotspot.cat{border-radius:12%}.search-hotspot{position:absolute;z-index:6;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);display:flex;align-items:center}.search-hotspot input{width:100%;height:100%;border:0;background:transparent;padding:0 11% 0 13%;font-size:clamp(8px,1.35vw,23px);color:#33475d;outline:none}.search-hotspot input::placeholder{color:transparent}.search-hotspot button{position:absolute;left:2%;width:9%;height:90%;border:0;background:transparent;color:transparent}.anchor{position:absolute;left:15%;top:46%;width:1px;height:1px}.toast{position:absolute;z-index:20;left:50%;bottom:5%;transform:translateX(-50%);padding:1.2% 2%;border-radius:999px;background:#082655f2;color:white;font-weight:800;font-size:clamp(9px,1vw,17px);box-shadow:0 8px 35px #0008;white-space:nowrap}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#00102bd9;backdrop-filter:blur(8px);padding:20px}.modal-backdrop[hidden],.toast[hidden]{display:none}.modal{position:relative;width:min(450px,100%);background:linear-gradient(145deg,#fff5e3,#f6d8a9);border:7px solid #123a74;border-radius:32px;padding:34px;text-align:center;box-shadow:inset 0 0 0 3px white,0 30px 80px #000b;color:#0a2859}.modal .close{position:absolute;right:14px;top:9px;border:0;background:transparent;font-size:32px;color:#0a2859}.printer{font-size:46px;display:block}.modal small{letter-spacing:.18em;color:#e45c16;font-weight:900}.modal h2{font-size:29px;margin:12px 0}.modal p{font-size:13px;line-height:1.5}.modal input,.modal textarea{display:block;width:100%;border:2px solid #e4bd82;background:#fffaf1;border-radius:13px;padding:13px;margin:9px 0;outline:none}.modal textarea{height:82px;resize:none}.send{width:100%;border:0;border-radius:14px;padding:15px;background:linear-gradient(#ff851e,#ea5508);color:white;font-weight:900;box-shadow:0 7px 0 #a83a02;transition:.1s}.send:active{transform:translateY(6px);box-shadow:0 1px 0 #a83a02}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rotate-note{display:none}.hotspot.bump{animation:bump .42s ease}@keyframes bump{0%,100%{transform:scale(1)}35%{transform:scale(.9)}70%{transform:scale(1.08)}}
@media(max-aspect-ratio:1/1){.viewport{place-items:center}.stage{width:100vw}.rotate-note{display:block;position:fixed;z-index:30;left:50%;bottom:12px;transform:translateX(-50%);background:#061d46e8;color:white;border:1px solid #ffffff33;padding:9px 14px;border-radius:20px;font-size:11px;white-space:nowrap}.hotspot{filter:none}.toast{bottom:10%}}
@media(prefers-reduced-motion:reduce){.hotspot,.shine,.send{transition:none!important}.hotspot.bump{animation:none}}

html,body{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.viewport{height:auto;min-height:100vh}.catalog{position:relative;background:#071d45;color:white;padding:95px clamp(22px,7vw,110px) 110px;overflow:hidden}.catalog:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0,#1a5fa155,transparent 35%),radial-gradient(#ffffff12 1px,transparent 1px);background-size:auto,34px 34px}.catalog-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1450px;margin:0 auto 44px}.catalog-head>div:first-child{max-width:760px}.kicker{font-size:12px;letter-spacing:.2em;color:#60d8c9;font-weight:900}.catalog h2,.landing-cta h2{font-size:clamp(38px,4.3vw,68px);line-height:1.03;letter-spacing:-.045em;margin:14px 0}.catalog h2 em,.landing-cta h2 em{font-style:normal;color:#ff761d}.catalog-head p{color:#9eb3d3;line-height:1.7}.catalog-filters{display:flex;border:1px solid #ffffff24;background:#ffffff0a;padding:5px;border-radius:30px}.catalog-filters button{border:0;background:transparent;color:#a9b9d0;border-radius:24px;padding:11px 18px;font-size:12px}.catalog-filters button.active{background:white;color:#0a2859;font-weight:900}.catalog-grid{position:relative;max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.catalog-card{background:#fff;color:#0a2859;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #0004;transition:transform .25s,box-shadow .25s}.catalog-card:hover{transform:translateY(-9px);box-shadow:0 30px 55px #0007}.catalog-card[hidden]{display:none}.card-photo{height:320px;position:relative;overflow:hidden;background:#e8edf3}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.catalog-card:hover .card-photo img{transform:scale(1.045)}.card-photo span{position:absolute;left:14px;top:14px;background:#ff711b;color:white;border:3px solid #fff;border-radius:20px;padding:6px 11px;font-size:9px;font-weight:900;box-shadow:0 5px 15px #0004}.card-body{padding:20px}.card-body small{font-size:9px;letter-spacing:.12em;color:#6f8cac;font-weight:900}.card-body h3{font-size:20px;margin:7px 0}.card-body p{font-size:12px;color:#6d7a8e;line-height:1.55;min-height:38px}.card-body>div{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.card-body strong{color:#ee5b14;font-size:18px}.card-body button{border:0;border-radius:12px;background:#0a2859;color:white;padding:11px 13px;font-size:10px;font-weight:900;transition:.15s}.card-body button:hover{background:#f16418;transform:translateY(-2px)}.card-body button:active{transform:translateY(2px) scale(.95)}.process{background:#fff2da;color:#0a2859;padding:70px clamp(22px,10vw,160px);display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.process>div{position:relative;padding-left:75px}.process span{position:absolute;left:0;top:0;font-size:40px;font-weight:900;color:#f27426}.process h3{font-size:20px;margin:3px 0 8px}.process p{font-size:13px;color:#718096;line-height:1.6}.landing-cta{text-align:center;padding:100px 20px;background:linear-gradient(145deg,#ffdba7,#fff0d6);color:#0a2859}.landing-cta small{letter-spacing:.16em;font-weight:900;color:#df5a17}.landing-cta p{max-width:650px;margin:0 auto 28px;color:#64748b;line-height:1.7}.landing-cta button{border:0;border-radius:15px;padding:17px 25px;background:#0a2859;color:white;font-weight:900;box-shadow:0 8px 0 #03142f;transition:.12s}.landing-cta button:active{transform:translateY(7px);box-shadow:0 1px 0 #03142f}.landing-cta button span{margin-left:25px}.landing-footer{padding:30px clamp(22px,7vw,110px);background:#03142f;color:#93a5c1;display:flex;justify-content:space-between;align-items:center;font-size:11px}.landing-footer b{color:white;font-size:18px}.rotate-note{position:absolute!important}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-head{align-items:start;flex-direction:column}.card-photo{height:390px}}
@media(max-width:600px){.catalog{padding:65px 16px}.catalog-grid{grid-template-columns:1fr}.card-photo{height:410px}.catalog-filters{width:max-content}.process{grid-template-columns:1fr;gap:35px;padding:55px 25px}.landing-cta{padding:75px 18px}.landing-footer{flex-direction:column;gap:12px;text-align:center}}

.viewport{display:none!important}.home-v2{min-height:100vh;background:radial-gradient(circle at 76% 37%,#154b88 0,#0a2d60 25%,transparent 47%),linear-gradient(125deg,#031432,#082759 65%,#061b42);color:white;position:relative;overflow:hidden;padding-bottom:90px}.home-v2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.home-nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,100px);position:relative;z-index:5;border-bottom:1px solid #ffffff10}.home-logo{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.home-logo>span{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#59d8c6,#317fe0 55%,#ff6c1c 56%);display:grid;place-items:center;font-size:28px;box-shadow:inset 0 0 0 2px #fff4}.home-logo div{display:flex;flex-direction:column}.home-logo b{font-size:19px}.home-logo small{font-size:7px;letter-spacing:.22em;color:#9eb5d5;margin-top:4px}.home-nav nav{display:flex;gap:30px;align-items:center}.home-nav nav a,.home-nav nav button{border:0;background:transparent;color:#bdd0ea;text-decoration:none;font-size:13px;padding:10px}.home-nav nav a:first-child{color:white;font-weight:900;border-bottom:2px solid #f26a1b}.nav-cart{border:1px solid #ffffff2e;background:#ffffff10;color:white;width:48px;height:48px;border-radius:50%;position:relative}.nav-cart span{position:absolute;right:-4px;top:-5px;background:#f26818;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-v2{position:relative;z-index:2;max-width:1450px;margin:auto;min-height:620px;padding:70px clamp(24px,6vw,90px) 40px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center}.hero-copy-v2{position:relative;z-index:3}.hero-kicker{font-size:11px;letter-spacing:.18em;color:#5fd7ca;font-weight:900}.hero-copy-v2 h1{font-size:clamp(57px,6.4vw,96px);line-height:.91;letter-spacing:-.055em;margin:20px 0 28px}.hero-copy-v2 h1 em{font-style:normal;color:#ff701b}.hero-copy-v2>p{max-width:580px;color:#b9cbe2;line-height:1.75;font-size:16px}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:32px}.hero-actions>a{background:linear-gradient(135deg,#ff7c22,#ee5309);color:white;text-decoration:none;padding:17px 24px;border-radius:15px;font-weight:900;box-shadow:0 11px 28px #f2611c4f}.hero-actions>a span{margin-left:25px;font-size:20px}.hero-actions>button{border:0;background:transparent;color:white;padding:15px}.hero-actions>button>span{margin-left:10px;color:#c6d5e9}.hero-stats{display:flex;gap:40px;margin-top:42px;padding-top:24px;border-top:1px solid #ffffff1d}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:18px}.hero-stats small{font-size:9px;color:#7895bb;margin-top:4px}.hero-visual-v2{height:560px;position:relative;display:grid;place-items:center}.hero-visual-v2:after{content:"";position:absolute;width:78%;height:22%;bottom:6%;border-radius:50%;background:#ffc95d;box-shadow:0 0 40px #ffbe40aa;filter:blur(4px);opacity:.42}.hero-visual-v2 img{position:relative;z-index:2;width:97%;aspect-ratio:1.45;object-fit:cover;border-radius:50%;filter:drop-shadow(0 35px 35px #000a)}.visual-orbit{position:absolute;width:560px;height:560px;border:1px solid #7fb1ef3c;border-radius:50%;box-shadow:inset 0 0 80px #367cc733}.material-tag,.colors-tag{position:absolute;z-index:3;background:#ffffff15;border:1px solid #ffffff35;backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 12px 30px #0005}.material-tag{left:2%;top:25%;padding:12px 16px;display:grid;grid-template-columns:28px auto;color:#ffc95f}.material-tag small,.material-tag b{grid-column:2}.material-tag small{font-size:7px;letter-spacing:.16em;color:#8eacd1}.material-tag b{font-size:11px;color:white}.colors-tag{right:2%;bottom:21%;padding:10px 13px;display:flex;align-items:center;background:white}.colors-tag i{width:18px;height:18px;border-radius:50%;margin-left:-4px;border:2px solid white}.colors-tag i:nth-child(1){background:#67d5bf}.colors-tag i:nth-child(2){background:#af8ade}.colors-tag i:nth-child(3){background:#ff9676}.colors-tag i:nth-child(4){background:#ffc95d}.colors-tag b{color:#0a2859;font-size:9px;margin-left:6px}.home-search{position:relative;z-index:5;max-width:850px;height:68px;margin:-55px auto 45px;background:white;border:5px solid #f6d69f;border-radius:22px;box-shadow:0 18px 45px #0005;display:flex;align-items:center;padding:5px}.home-search>span{color:#2d6da9;font-size:29px;margin-left:13px}.home-search input{flex:1;border:0;outline:none;padding:0 15px;color:#0a2859}.home-search button{height:48px;border:0;background:#ffecce;color:#e85c16;border-radius:14px;padding:0 24px;font-weight:900}.home-categories{position:relative;z-index:4;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 24px}.home-categories>button{min-height:155px;border:2px solid #ffffff2b;border-radius:24px;padding:20px;background:linear-gradient(145deg,#154d8b,#0b2d61);color:white;text-align:left;display:grid;grid-template-columns:80px 1fr 30px;align-items:center;gap:15px;box-shadow:0 15px 35px #0004;transition:.22s}.home-categories>button:nth-child(2){background:linear-gradient(145deg,#287e75,#12534f)}.home-categories>button:nth-child(3){background:linear-gradient(145deg,#8a5cae,#503478)}.home-categories>button:hover{transform:translateY(-7px) scale(1.02);filter:brightness(1.1)}.home-categories>button>span{font-size:58px;filter:drop-shadow(0 7px 5px #0004)}.home-categories small{font-size:8px;letter-spacing:.12em;color:#a8c2e1}.home-categories b{display:block;font-size:21px;margin:6px 0}.home-categories p{font-size:10px;color:#b7c8dd;margin:0;line-height:1.45}.home-categories>button>i{font-style:normal;width:30px;height:30px;border:1px solid #fff5;border-radius:50%;display:grid;place-items:center}
@media(max-width:900px){.home-nav nav{display:none}.hero-v2{grid-template-columns:1fr;padding-top:55px;text-align:center}.hero-copy-v2>p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual-v2{height:440px}.home-search{margin:-25px 24px 35px}.home-categories{grid-template-columns:1fr}.home-categories>button{min-height:125px}.catalog{padding-top:75px}}
@media(max-width:560px){.home-v2{padding-bottom:60px}.home-nav{padding:0 17px}.hero-v2{padding:45px 18px 20px}.hero-copy-v2 h1{font-size:50px}.hero-copy-v2>p{font-size:13px}.hero-actions{flex-direction:column}.hero-stats{gap:20px}.hero-visual-v2{height:320px}.visual-orbit{width:310px;height:310px}.material-tag{left:0}.colors-tag{right:0}.home-search{height:60px}.home-search button{display:none}.home-categories{padding:0 16px}.home-categories>button{grid-template-columns:62px 1fr 25px;padding:15px}.home-categories>button>span{font-size:44px}}

body{font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif}.home-v2{background:radial-gradient(circle at 78% 31%,#1b5a98 0,#0b356b 23%,transparent 48%),linear-gradient(135deg,#03142f,#082657 60%,#061b40)}.home-nav{height:88px;background:#0316358a;backdrop-filter:blur(15px)}.home-logo b,.home-nav nav a,.home-nav nav button{font-family:'Be Vietnam Pro',sans-serif}.home-logo>span{border-radius:15px;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #ffffff55,0 8px 22px #0005}.hero-v2{min-height:650px}.hero-copy-v2 h1,.catalog h2,.landing-cta h2{font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-weight:800}.hero-copy-v2 h1{font-size:clamp(60px,6.1vw,92px);line-height:.92;letter-spacing:-.035em}.hero-copy-v2>p{font-weight:400;line-height:1.85;max-width:540px}.hero-actions>a{border:3px solid #ffae6e;border-bottom-color:#a93b00;border-radius:18px;box-shadow:0 8px 0 #9b3600,0 18px 34px #e7541738;transition:.16s}.hero-actions>a:hover{transform:translateY(-3px);filter:brightness(1.08)}.hero-actions>a:active{transform:translateY(6px);box-shadow:0 2px 0 #9b3600}.hero-actions>button{font-family:'Be Vietnam Pro';border:1px solid #ffffff28;border-radius:16px;background:#ffffff09}.hero-visual-v2 img{border-radius:46% 54% 47% 53%;outline:1px solid #ffffff14}.home-search{border-width:4px;border-color:#e6bd7e;border-radius:24px;height:72px}.home-search input{font-family:'Be Vietnam Pro';font-size:13px}.home-search button{font-family:'Be Vietnam Pro';border:2px solid #ffd49b}.home-categories{max-width:1280px;gap:22px}.home-categories>button{min-height:178px;grid-template-columns:118px 1fr 34px;padding:12px 20px 12px 8px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#174f8d,#0b2c5e)!important;border:1px solid #8dc0ff3a;box-shadow:inset 0 1px 0 #ffffff28,0 18px 38px #0004}.home-categories>button:nth-child(2){background:linear-gradient(145deg,#286f69,#104b48)!important;border-color:#92ead445}.home-categories>button:nth-child(3){background:linear-gradient(145deg,#815aa2,#4b326d)!important;border-color:#e1b6ff42}.cat-art{width:125px;height:145px;object-fit:contain;filter:drop-shadow(0 12px 9px #00112780);transition:transform .28s cubic-bezier(.2,1.6,.4,1)}.home-categories>button:hover .cat-art{transform:translateY(-7px) rotate(-3deg) scale(1.08)}.home-categories small{font-family:'Be Vietnam Pro';font-size:7px;font-weight:700}.home-categories b{font-family:'Baloo 2','Be Vietnam Pro';font-size:25px;line-height:1}.home-categories p{font-family:'Be Vietnam Pro';font-size:9px;line-height:1.6}.home-categories>button>i{font-size:14px}.catalog-card{border-radius:28px;border:1px solid #ffffff20}.card-body h3{font-family:'Baloo 2','Be Vietnam Pro';font-size:22px;line-height:1.05}.card-body p,.card-body small,.card-body button{font-family:'Be Vietnam Pro'}.catalog-filters button{font-family:'Be Vietnam Pro'}.process h3{font-family:'Baloo 2','Be Vietnam Pro';font-size:23px}.modal{font-family:'Be Vietnam Pro'}.modal h2{font-family:'Baloo 2','Be Vietnam Pro';font-size:34px;line-height:1.05}
@media(max-width:900px){.home-categories>button{grid-template-columns:110px 1fr 34px}.cat-art{width:112px;height:120px}}
@media(max-width:560px){.hero-copy-v2 h1{font-size:52px}.home-categories>button{min-height:140px;grid-template-columns:88px 1fr 26px}.cat-art{width:92px;height:108px}.home-categories b{font-size:22px}}

.contact-modal{width:min(540px,100%);padding:28px 34px 34px;background:linear-gradient(155deg,#fff9ee,#f7dfb9);border-color:#0c356c}.contact-printer{width:150px;height:130px;object-fit:contain;display:block;margin:-72px auto -3px;filter:drop-shadow(0 15px 12px #001a3f55)}.contact-modal>small{font-size:8px}.contact-modal>p{max-width:430px;margin:0 auto 22px;color:#66758a}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-options>a,.landing-contact>a{text-decoration:none;display:flex;align-items:center;border-radius:17px;font-family:'Be Vietnam Pro';font-weight:700;transition:transform .16s,filter .16s,box-shadow .16s}.contact-options>a{min-height:78px;padding:12px 14px;color:white;box-shadow:0 8px 0 #0003,0 16px 26px #00295f25}.contact-options>a:hover,.landing-contact>a:hover{transform:translateY(-4px);filter:brightness(1.08)}.contact-options>a:active,.landing-contact>a:active{transform:translateY(4px);box-shadow:0 2px 0 #0003}.zalo-contact{background:linear-gradient(135deg,#1196f5,#0068d9)}.facebook-contact{background:linear-gradient(135deg,#4e7df2,#2546ae)}.contact-options>a>span,.landing-contact>a>span{width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:#fff;color:#0879dc;display:grid;place-items:center;font-family:Arial;font-size:25px;font-weight:900;box-shadow:0 5px 13px #00255e44}.facebook-contact>span{color:#3157bd!important}.contact-options>a>div{display:flex;flex-direction:column;text-align:left;margin-left:11px}.contact-options a small{font-size:7px;color:#dcefff;letter-spacing:.08em}.contact-options a b{font-size:13px;margin-top:3px}.contact-options>a>i{font-style:normal;margin-left:auto}.landing-contact{display:flex;justify-content:center;gap:14px}.landing-contact>a{min-width:190px;padding:12px 18px;color:white;gap:12px;box-shadow:0 8px 0 #0003}.landing-contact>a>span{width:38px;height:38px;flex-basis:38px;font-size:21px;border-radius:11px}.landing-cta>button{display:none}
@media(max-width:560px){.contact-modal{padding:26px 18px 22px}.contact-printer{width:120px;height:105px;margin-top:-60px}.contact-options{grid-template-columns:1fr}.landing-contact{flex-direction:column;align-items:center}.landing-contact>a{width:min(270px,100%)}}

/* Product proof details: hashtag, estimated print time and sold count */
.card-photo .hash-tag,.card-photo .print-time,.card-photo .product-badge,.card-photo .sold-count{font-family:'Be Vietnam Pro',sans-serif;line-height:1;white-space:nowrap}
.card-photo .hash-tag{left:14px;right:auto;top:14px;background:#fff9ec;color:#c95716;border:2px solid #f0d09a;border-radius:12px;padding:9px 12px;font-size:9px;letter-spacing:.015em;box-shadow:0 7px 20px #001a3540}
.card-photo .product-badge{left:auto;right:14px;top:14px;background:linear-gradient(135deg,#ff8326,#e94f08);color:#fff;border:2px solid #fff;border-radius:12px;padding:9px 11px;font-size:8px;box-shadow:0 7px 20px #001a3555}
.card-photo .print-time{left:auto;right:14px;top:auto;bottom:14px;background:#fff3c8;color:#b74a0a;border:2px solid #ebc464;border-radius:12px;padding:9px 12px;font-size:9px;box-shadow:0 7px 20px #001a3555}
.card-photo .sold-count{left:14px;right:auto;top:auto;bottom:14px;display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#092b61,#0d468b);color:#fff;border:2px solid #fff;border-radius:12px;padding:9px 12px;font-size:9px;box-shadow:0 7px 22px #00132c99}
.card-photo .sold-count:before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#43d99b;color:#073a32;font-size:9px;font-weight:900}
.card-photo .sold-count b{color:#ffd166;font-size:11px}
@media(max-width:380px){.card-photo .hash-tag,.card-photo .print-time{font-size:8px}.card-photo .product-badge{font-size:7px}}

/* Interactive product detail and checkout flow */
body.modal-open{overflow:hidden}.modal-backdrop{opacity:0;transition:opacity .18s ease}.modal-backdrop.is-visible{opacity:1}.global-toast{position:fixed;z-index:250;left:50%;bottom:28px;transform:translateX(-50%);background:#073466;color:#fff;border:2px solid #79dfcc;border-radius:999px;padding:13px 20px;font-size:12px;font-weight:800;box-shadow:0 16px 45px #00122c88;white-space:nowrap}.global-toast[hidden]{display:none}.card-body button{background:linear-gradient(135deg,#ff7c22,#e94f08);border:1px solid #ffb476;box-shadow:0 5px 0 #9d3400;color:#fff;padding:10px 12px}.card-body button:hover{background:linear-gradient(135deg,#ff8d37,#f45b12);transform:translateY(-2px);box-shadow:0 7px 0 #9d3400}.card-body button:active{transform:translateY(4px);box-shadow:0 1px 0 #9d3400}
.product-backdrop{z-index:160;padding:16px;background:radial-gradient(circle at 50% 15%,#154c83cc,#001027ee 65%);backdrop-filter:blur(12px)}.product-detail-modal{position:relative;width:min(1180px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:auto;background:#fff;border:5px solid #16457d;border-radius:32px;box-shadow:inset 0 0 0 2px #fff,0 34px 100px #000b;color:#082858;transform:translateY(20px) scale(.97);transition:transform .2s cubic-bezier(.2,.85,.35,1.2)}.product-backdrop.is-visible .product-detail-modal{transform:translateY(0) scale(1)}.detail-close{position:absolute;z-index:8;right:16px;top:14px;width:42px;height:42px;border:2px solid #d9e4f2;border-radius:50%;background:#fff;color:#0b315f;font-size:25px;line-height:1;box-shadow:0 8px 20px #001a3540;transition:.16s}.detail-close:hover{transform:rotate(8deg) scale(1.08);background:#ffede0;color:#e9550e}.detail-gallery{min-height:710px;padding:28px;background:radial-gradient(circle at 50% 48%,#174f8e,#071e46 62%,#03142f);border-radius:25px 0 0 25px;overflow:hidden}.detail-back{border:1px solid #ffffff30;background:#ffffff0d;color:#d8e8fb;border-radius:14px;padding:11px 15px;font-family:'Be Vietnam Pro';font-size:10px;font-weight:700;transition:.16s}.detail-back:hover{background:#fff;color:#0b315f;transform:translateX(-3px)}.detail-main-image{position:relative;height:540px;margin-top:18px;border:1px solid #ffffff28;border-radius:24px;overflow:hidden;background:#041329;cursor:zoom-in;box-shadow:inset 0 0 50px #0006,0 20px 45px #0005}.detail-main-image>img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.detail-main-image:hover>img{transform:scale(1.035)}.detail-main-image>span{position:absolute;right:13px;bottom:13px;padding:9px 12px;border-radius:11px;background:#00122cd9;color:#fff;font-size:9px;font-weight:800;border:1px solid #ffffff35}.detail-main-image.zoomed{position:fixed;z-index:190;inset:18px;height:auto;margin:0;border:4px solid #fff;border-radius:24px;cursor:zoom-out;box-shadow:0 0 0 9999px #001027ed}.detail-main-image.zoomed>img{object-fit:contain;transform:none}.detail-thumb{width:72px;height:72px;margin-top:14px;padding:3px;border:3px solid #ff781d;border-radius:14px;background:#fff;overflow:hidden}.detail-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}.detail-info{padding:42px 42px 32px;overflow:auto}.detail-tag{display:inline-flex;align-items:center;background:#fff2d8;color:#d85512;border:1px solid #f2be75;border-radius:11px;padding:8px 12px;font-size:9px;font-weight:800;box-shadow:0 6px 15px #df6c1920}.detail-code{display:block;margin:17px 0 5px;color:#6790b4!important;font-size:8px!important;letter-spacing:.16em!important}.detail-info h2{font-family:'Baloo 2','Be Vietnam Pro';font-size:clamp(32px,3.2vw,48px);line-height:1;margin:5px 50px 15px 0}.detail-price-panel{padding:14px 18px;border:1px solid #f3c35d;border-radius:17px;background:linear-gradient(135deg,#fff8df,#ffefb9);box-shadow:inset 0 1px 0 #fff}.detail-price-panel small{display:block;color:#8b6b32;font-size:8px;letter-spacing:.1em}.detail-price-panel strong{display:block;margin-top:4px;color:#e45b0d;font-size:28px}.detail-time{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 15px;border:1px solid #f3cb72;border-radius:13px;background:#fffaf0}.detail-time>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ff791e;color:#fff;font-weight:900}.detail-time p{margin:0;color:#8a5a27;font-size:11px}.detail-time b{color:#d95510}.detail-description{margin:16px 0;color:#687991;font-size:11px;line-height:1.75}.detail-proof{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #ffd0ad;border-radius:13px;background:#fff5ed}.detail-proof>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#38d599;color:#063e34;font-weight:900}.detail-proof p{margin:0;color:#8d4b28;font-size:10px}.detail-proof b{color:#e5550c;font-size:12px}.detail-option{margin-top:16px}.detail-option>div:first-child{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:9px}.detail-option>div>b{font-size:11px}.detail-option>div>small{color:#e45b0d;font-size:9px}.color-choices{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap;gap:7px;margin:0!important}.color-choice,.size-choice{border:1px solid #dce5ef;background:#fff;color:#455a74;border-radius:12px;padding:9px 11px;font-family:'Be Vietnam Pro';font-size:9px;font-weight:700;transition:.15s}.color-choice{display:flex;align-items:center;gap:6px}.color-choice i{width:15px;height:15px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #c9d5e3}.color-choice.active,.size-choice.active{border-color:#f0741c;background:#fff2df;color:#d9540f;box-shadow:0 4px 12px #ee6a1822}.size-choice{padding:10px 15px}.detail-purchase{display:grid;grid-template-columns:116px 1fr;gap:12px;margin-top:20px}.quantity-stepper{display:grid;grid-template-columns:1fr 38px 1fr;height:49px;border:1px solid #d7e2ee;border-radius:14px;overflow:hidden;background:#f8fbfe}.quantity-stepper button{border:0;background:transparent;color:#0a315f;font-size:18px}.quantity-stepper button:hover{background:#eaf2fa}.quantity-stepper b{display:grid;place-items:center;border-left:1px solid #d7e2ee;border-right:1px solid #d7e2ee}.add-cart-btn,.checkout-now,.confirm-order{border:0;border-radius:14px;background:linear-gradient(135deg,#ff7b20,#ea5008);color:#fff;font-family:'Be Vietnam Pro';font-weight:900;box-shadow:0 7px 0 #a43700,0 14px 26px #e85b1938;transition:.14s}.add-cart-btn{min-height:49px;font-size:12px}.add-cart-btn span{margin-right:7px}.add-cart-btn:hover,.checkout-now:hover,.confirm-order:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 10px 0 #a43700,0 18px 30px #e85b1944}.add-cart-btn:active,.checkout-now:active,.confirm-order:active{transform:translateY(6px);box-shadow:0 1px 0 #a43700}
.success-backdrop,.checkout-backdrop{z-index:175;background:radial-gradient(circle at 50% 22%,#285f92aa,#001027ef 66%);backdrop-filter:blur(13px)}.cart-success-modal,.checkout-modal{position:relative;width:min(540px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:30px 34px 35px;text-align:center;background:linear-gradient(155deg,#fffaf0,#f6dbae);border:5px solid #17457d;border-radius:30px;color:#082858;box-shadow:inset 0 0 0 2px #fff,0 35px 100px #000b;transform:translateY(20px) scale(.96);transition:transform .2s cubic-bezier(.2,.85,.35,1.25)}.success-backdrop.is-visible .cart-success-modal,.checkout-backdrop.is-visible .checkout-modal{transform:none}.cart-dragon-art{width:210px;height:175px;object-fit:contain;margin:-10px auto -2px;display:block;filter:drop-shadow(0 18px 14px #00235742)}.cart-success-modal>small,.checkout-modal>small{color:#e45b0d;font-size:8px;font-weight:900;letter-spacing:.16em}.cart-success-modal h2,.checkout-modal h2{font-family:'Baloo 2','Be Vietnam Pro';font-size:34px;line-height:1;margin:8px 0}.cart-success-modal>p,.checkout-modal>p{margin:0 auto 17px;color:#687991;font-size:11px;line-height:1.65}.added-product{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:10px;background:#fff;border:1px solid #eed4ac;border-radius:16px;text-align:left;box-shadow:0 8px 22px #5f401014}.added-product>img{width:58px;height:58px;object-fit:cover;border-radius:11px}.added-product>div{display:flex;flex-direction:column;min-width:0}.added-product>div b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.added-product>div span{margin-top:5px;color:#78879a;font-size:8px}.added-product>strong{color:#e95a0d;font-size:14px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.success-actions button{min-height:50px;font-family:'Be Vietnam Pro';font-size:10px;font-weight:900}.checkout-now span{margin-left:16px}.continue-shopping{border:1px solid #b7c9db;border-radius:14px;background:#fff;color:#0b3569}.continue-shopping:hover{background:#eaf3fb;transform:translateY(-2px)}.checkout-art{width:145px;height:115px;object-fit:contain;display:block;margin:-5px auto 2px;filter:drop-shadow(0 13px 10px #00235735)}.checkout-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#082f63;color:#fff;text-align:left}.checkout-summary span{font-size:10px;color:#b8cee5}.checkout-summary strong{color:#ffd166;font-size:19px}.payment-options{display:grid;gap:9px;margin-top:14px}.payment-choice{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:9px;padding:11px;border:1px solid #d9e2ec;border-radius:14px;background:#fff;color:#234365;text-align:left;transition:.15s}.payment-choice>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf3fc;font-size:19px}.payment-choice>div{display:flex;flex-direction:column}.payment-choice b{font-size:10px}.payment-choice small{margin-top:4px;color:#8190a1;font-size:8px}.payment-choice>i{display:none;width:22px;height:22px;place-items:center;border-radius:50%;background:#37d49a;color:#063d34;font-style:normal;font-size:11px}.payment-choice.active{border-color:#ef771e;background:#fff4e6;box-shadow:0 6px 16px #df601822}.payment-choice.active>i{display:grid}.confirm-order{width:100%;min-height:52px;margin-top:15px}.confirm-order span{margin-left:20px}
@media(max-width:850px){.product-backdrop{padding:8px}.product-detail-modal{grid-template-columns:1fr;max-height:calc(100vh - 16px);border-radius:25px}.detail-gallery{min-height:0;padding:18px;border-radius:19px 19px 0 0}.detail-back{margin-right:50px}.detail-main-image{height:390px}.detail-info{padding:25px 22px 28px;overflow:visible}.detail-info h2{font-size:36px}.detail-close{right:12px;top:10px}.detail-purchase{grid-template-columns:105px 1fr}}
@media(max-width:520px){.product-backdrop,.success-backdrop,.checkout-backdrop{padding:6px}.product-detail-modal{border-width:3px}.detail-gallery{padding:13px}.detail-main-image{height:330px;margin-top:12px}.detail-thumb{width:58px;height:58px}.detail-info{padding:20px 14px 22px}.detail-info h2{font-size:31px;margin-right:32px}.color-choices{display:grid!important;grid-template-columns:1fr 1fr}.color-choice{justify-content:center}.detail-purchase{grid-template-columns:1fr}.quantity-stepper{max-width:150px}.cart-success-modal,.checkout-modal{padding:23px 16px 25px;border-width:3px}.cart-dragon-art{width:170px;height:140px}.success-actions{grid-template-columns:1fr}.added-product{grid-template-columns:52px 1fr}.added-product>strong{grid-column:2}.global-toast{max-width:calc(100vw - 20px);font-size:10px;white-space:normal;text-align:center}}

/* AI illustrated chunky 3D buttons */
.ai-button{position:relative;isolation:isolate;display:grid!important;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:4px;overflow:visible!important;padding:4px 12px 4px 2px!important;text-align:left!important;border:2px solid #ffbd82!important;border-radius:19px!important;background:linear-gradient(155deg,#ff852d 0,#f15a11 55%,#d94406 100%)!important;color:#fff!important;box-shadow:inset 0 2px 0 #ffffff70,inset 0 -3px 0 #a6320780,0 7px 0 #8f2e03,0 14px 28px #e6511940!important;transition:transform .18s cubic-bezier(.2,1.5,.35,1),box-shadow .18s,filter .18s!important}.ai-button:before{content:"";position:absolute;z-index:-1;inset:5px;border-radius:14px;border:1px solid #ffffff30;background:linear-gradient(125deg,#ffffff24,transparent 38%,transparent 72%,#721a081f);pointer-events:none}.ai-button:after{content:"";position:absolute;z-index:-1;left:68px;right:28px;top:10px;height:1px;background:linear-gradient(90deg,#fff6,transparent);pointer-events:none}.ai-button-art{position:relative;z-index:2;width:68px;height:68px;margin-left:-9px;object-fit:contain;filter:drop-shadow(0 7px 5px #4e16065c);transition:transform .22s cubic-bezier(.2,1.7,.35,1)}.ai-button-copy{position:relative;z-index:2;min-width:0;display:flex!important;flex-direction:column;justify-content:center;margin:0!important;line-height:1.05}.ai-button-copy small{margin:0 0 4px!important;color:#ffe2c5!important;font-family:'Be Vietnam Pro'!important;font-size:6px!important;font-weight:800!important;letter-spacing:.13em!important;white-space:nowrap}.ai-button-copy b{color:#fff;font-family:'Baloo 2','Be Vietnam Pro';font-size:13px;line-height:1;white-space:nowrap;text-shadow:0 2px 0 #9b3105}.ai-button>i{position:relative;z-index:2;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#d94d0a;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 3px 0 #a83a0a}.ai-button:hover{transform:translateY(-5px) scale(1.015)!important;filter:brightness(1.08)!important;box-shadow:inset 0 2px 0 #ffffff85,inset 0 -3px 0 #a6320780,0 11px 0 #8f2e03,0 20px 34px #e6511955!important}.ai-button:hover .ai-button-art{transform:translateY(-5px) rotate(-4deg) scale(1.1)}.ai-button:active{transform:translateY(5px) scale(.98)!important;box-shadow:inset 0 2px 0 #ffffff55,inset 0 -2px 0 #a6320780,0 2px 0 #8f2e03,0 7px 14px #e6511930!important}.ai-button:active .ai-button-art{transform:translateY(2px) scale(.95)}
.card-body .product-detail-button{width:153px;min-height:61px;grid-template-columns:53px minmax(0,1fr) 14px;padding-right:8px!important;border-radius:17px!important}.product-detail-button .ai-button-art{width:65px;height:65px;margin-left:-10px}.product-detail-button .ai-button-copy small{font-size:5.5px!important}.product-detail-button .ai-button-copy b{font-size:11px}.product-detail-button>i{width:15px;height:15px;font-size:8px}.add-cart-ai{min-height:66px;grid-template-columns:72px minmax(0,1fr) 22px;padding-left:0!important}.add-cart-ai .ai-button-art{width:84px;height:84px;margin-left:-9px}.add-cart-ai .ai-button-copy small{font-size:7px!important}.add-cart-ai .ai-button-copy b{font-size:16px}.add-cart-ai>i,.checkout-ai>i,.continue-ai>i,.confirm-ai>i{width:22px;height:22px;font-size:12px}
.success-actions .ai-button{min-height:76px;grid-template-columns:66px minmax(0,1fr) 20px;padding-left:0!important}.success-actions .ai-button-art{width:76px;height:76px;margin-left:-7px}.success-actions .ai-button-copy small{font-size:6px!important}.success-actions .ai-button-copy b{font-size:12px}.continue-ai{border-color:#b9d1e6!important;background:linear-gradient(155deg,#ffffff,#f2f8fc 62%,#dceaf5)!important;color:#0b3569!important;box-shadow:inset 0 2px 0 #fff,inset 0 -3px 0 #9db5c866,0 7px 0 #8da9c0,0 14px 26px #31587925!important}.continue-ai:before{border-color:#9bb8d044;background:linear-gradient(125deg,#fff9,transparent 45%,#6f9dbc12)}.continue-ai:after{background:linear-gradient(90deg,#173e6540,transparent)}.continue-ai .ai-button-copy small{color:#6d91ae!important}.continue-ai .ai-button-copy b{color:#0b3569;text-shadow:none}.continue-ai>i{background:#0b3569;color:#fff;box-shadow:0 3px 0 #031731}.continue-ai:hover{box-shadow:inset 0 2px 0 #fff,inset 0 -3px 0 #9db5c866,0 11px 0 #8da9c0,0 20px 32px #31587935!important}.confirm-ai{width:100%;min-height:72px;margin-top:15px;grid-template-columns:68px minmax(0,1fr) 22px}.confirm-ai .ai-button-art{width:78px;height:78px;margin-left:-8px}.confirm-ai .ai-button-copy small{font-size:7px!important}.confirm-ai .ai-button-copy b{font-size:15px}
@media(max-width:1120px){.card-body .product-detail-button{width:162px}.product-detail-button .ai-button-copy b{font-size:12px}}
@media(max-width:520px){.ai-button-copy b{white-space:normal}.add-cart-ai{grid-template-columns:62px minmax(0,1fr) 20px}.add-cart-ai .ai-button-art{width:73px;height:73px}.success-actions .ai-button{grid-template-columns:68px minmax(0,1fr) 22px}.success-actions .ai-button-copy b{font-size:14px}.confirm-ai{grid-template-columns:63px minmax(0,1fr) 22px}.card-body .product-detail-button{width:160px}}
@media(prefers-reduced-motion:reduce){.ai-button,.ai-button-art{transition:none!important}}

.card-body>div{display:grid;grid-template-columns:1fr;align-items:stretch;gap:11px;margin-top:15px}.card-body>div>strong{display:block}.card-body .product-detail-button{width:100%;min-height:68px;grid-template-columns:64px minmax(0,1fr) 22px;padding:3px 13px 3px 2px!important}.product-detail-button .ai-button-art{width:76px;height:76px;margin-left:-9px}.product-detail-button .ai-button-copy small{font-size:6.5px!important}.product-detail-button .ai-button-copy b{font-size:14px}.product-detail-button>i{width:21px;height:21px;font-size:10px}

/* AI-generated product card shell and label plates */
.catalog-card{position:relative;isolation:isolate;overflow:visible;padding:9px;background:transparent;border:0;box-shadow:0 25px 52px #0005}.catalog-card:before{content:"";position:absolute;z-index:0;inset:-7px;background:url('ai-icons/card-frame-ai.png') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 17px 18px #00122e55)}.catalog-card:hover{box-shadow:0 34px 65px #0007}.catalog-card .card-photo,.catalog-card .card-body{position:relative;z-index:1}.catalog-card .card-photo{border-radius:24px 24px 11px 11px}.catalog-card .card-body{border-radius:0 0 22px 22px;background:linear-gradient(155deg,#fff,#fffaf0);box-shadow:inset 0 0 0 1px #f2dfc1}.card-photo .hash-tag,.card-photo .print-time,.card-photo .product-badge,.card-photo .sold-count{background-color:transparent!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;box-shadow:none!important;text-shadow:none!important}.card-photo .hash-tag{left:10px;top:10px;width:94px;height:40px;display:grid;place-items:center;padding:0 8px 0 18px;background-image:url('ai-icons/tag-cream-ai.png')!important;color:#c85112;font-size:8px;filter:drop-shadow(0 5px 5px #001a3545)}.card-photo .product-badge{right:9px;top:7px;width:53px;height:53px;display:grid;place-items:center;padding:4px 3px 0;background-image:url('ai-icons/tag-orange-ai.png')!important;color:#fff;font-size:8px;filter:drop-shadow(0 6px 6px #001a3550)}.card-photo .print-time{right:9px;bottom:8px;width:101px;height:40px;display:grid;place-items:center;padding:0 8px 0 13px;background-image:url('ai-icons/tag-cream-ai.png')!important;color:#ad430a;font-size:8px;filter:drop-shadow(0 5px 5px #001a3550)}.card-photo .sold-count{left:9px;bottom:8px;width:119px;height:42px;display:flex;justify-content:center;padding:0 9px 0 39px;background-image:url('ai-icons/tag-navy-ai.png')!important;color:#fff;font-size:8px;filter:drop-shadow(0 6px 6px #00132965)}.card-photo .sold-count:before{position:absolute;left:14px;top:50%;width:auto;height:auto;transform:translateY(-50%);background:none;color:#063d34;font-size:11px}.card-photo .sold-count b{color:#ffd166;font-size:10px}.catalog-card:hover:before{filter:brightness(1.06) drop-shadow(0 22px 22px #00122e70)}
@media(max-width:1200px) and (min-width:1101px){.catalog-card{padding:7px}.card-photo .hash-tag{left:7px;top:7px;width:80px;height:35px;padding-left:15px;font-size:7px}.card-photo .product-badge{right:6px;top:5px;width:46px;height:46px;font-size:7px}.card-photo .sold-count{left:6px;bottom:6px;width:96px;height:36px;padding-left:30px;font-size:7px}.card-photo .sold-count:before{left:11px;font-size:9px}.card-photo .sold-count b{font-size:8px}.card-photo .print-time{right:6px;bottom:6px;width:81px;height:35px;padding-left:9px;font-size:7px}}
.card-photo .product-badge{width:66px;height:51px;padding:5px 5px 0;font-size:7px}
@media(max-width:1200px) and (min-width:1101px){.card-photo .product-badge{width:58px;height:46px;font-size:6px}}

/* Make the AI shell visibly wrap the product photo itself */
.catalog-card .card-photo{isolation:isolate;box-shadow:inset 0 0 0 2px #fff5da,inset 0 0 0 8px #0a3267}.catalog-card .card-photo>img{position:relative;z-index:1}.catalog-card .card-photo:after{content:"";position:absolute;z-index:3;inset:0;padding:11px;border-radius:24px 24px 11px 11px;background:url('ai-icons/card-frame-ai.png') center/100% 100% no-repeat;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 3px 3px #00122e70)}.catalog-card .card-photo>span{z-index:5}.catalog-card:hover .card-photo:after{filter:brightness(1.08) drop-shadow(0 5px 5px #00122e88)}

/* Clean v2: slim AI frame only around the photo, no outer machine shell */
.catalog-card{padding:0;overflow:hidden;background:#fff;border:3px solid #f6e5c8;border-radius:29px;box-shadow:0 24px 48px #0005}.catalog-card:before{display:none}.catalog-card:hover{box-shadow:0 34px 62px #0007}.catalog-card .card-photo{border-radius:25px 25px 0 0;box-shadow:none}.catalog-card .card-photo:after{inset:0;padding:0;border-radius:25px 25px 0 0;background:url('ai-icons/photo-frame-ai-v2.png') center/100% 100% no-repeat;-webkit-mask:none;mask:none;filter:drop-shadow(0 3px 3px #00122e55)}.catalog-card .card-body{border-radius:0 0 25px 25px;background:linear-gradient(155deg,#fff,#fffaf2);box-shadow:inset 0 1px 0 #f2dfc1}.catalog-card:hover .card-photo:after{filter:brightness(1.06) drop-shadow(0 4px 4px #00122e70)}

/* Dynamic Techcombank VietQR checkout */
.checkout-modal{width:min(780px,100%);padding:26px 34px 34px}.checkout-modal .payment-options{grid-template-columns:1fr 1fr}.checkout-modal .payment-choice{min-width:0}.vietqr-panel{margin-top:16px;padding:14px;border:2px solid #ef7d2b;border-radius:22px;background:linear-gradient(145deg,#fffdf7,#fff1d7);box-shadow:inset 0 0 0 2px #fff,0 16px 34px #a643161c;text-align:left;animation:vietqr-in .24s cubic-bezier(.2,.8,.3,1.2)}.vietqr-panel[hidden]{display:none}.vietqr-head{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;margin-bottom:13px;padding:9px 11px;border-radius:16px;background:linear-gradient(135deg,#071f49,#0d3d72);color:#fff}.vietqr-head>span{width:50px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ed1b2f,#b80718);border:2px solid #ff8791;color:#fff;font-size:15px;font-weight:900;box-shadow:0 5px 0 #750512}.vietqr-head>div{display:flex;flex-direction:column;min-width:0}.vietqr-head small{color:#89bddb;font-size:7px;font-weight:900;letter-spacing:.12em}.vietqr-head b{margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vietqr-head>i{padding:7px 9px;border:1px solid #5de0b0;border-radius:999px;background:#0a6955;color:#d9fff1;font-size:8px;font-style:normal;font-weight:800}.vietqr-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:stretch}.vietqr-image-wrap{display:flex;flex-direction:column;align-items:center;padding:9px;border-radius:17px;background:#fff;box-shadow:0 9px 25px #3a260b18}.vietqr-image-wrap img{display:block;width:100%;aspect-ratio:540/640;object-fit:contain;border-radius:12px;background:#fff}.vietqr-image-wrap span{margin-top:6px;color:#6b7e93;font-size:8px;font-weight:700}.vietqr-details{display:flex;flex-direction:column;padding:12px 5px 5px}.vietqr-details>small{margin:3px 0 6px;color:#8090a1;font-size:7px;font-weight:900;letter-spacing:.12em}.vietqr-details>strong{margin:0 0 13px;color:#ea5512;font-family:'Baloo 2','Be Vietnam Pro';font-size:29px;line-height:1}.vietqr-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:12px;padding:10px 10px 10px 12px;border:1px solid #f0c57d;border-radius:12px;background:#fff}.vietqr-copy-row b{min-width:0;color:#092f61;font-size:11px;overflow-wrap:anywhere}.vietqr-copy-row button{border:0;border-radius:9px;padding:8px 10px;background:linear-gradient(135deg,#ff7920,#eb5009);color:#fff;font-family:'Be Vietnam Pro';font-size:8px;font-weight:900;box-shadow:0 3px 0 #9f3302;transition:.14s}.vietqr-copy-row button:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 5px 0 #9f3302}.vietqr-copy-row button:active{transform:translateY(3px);box-shadow:none}.vietqr-details>p{margin:auto 0 0;padding:9px 11px;border-radius:11px;background:#fff8e9;color:#8a6540;font-size:8px;line-height:1.55}.checkout-modal .confirm-ai{margin-top:17px}@keyframes vietqr-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:680px){.checkout-modal{padding:22px 17px 27px}.checkout-modal .payment-options{grid-template-columns:1fr}.vietqr-head{grid-template-columns:52px 1fr}.vietqr-head>i{display:none}.vietqr-grid{grid-template-columns:1fr}.vietqr-image-wrap{width:min(280px,100%);margin:auto}.vietqr-details{padding:4px}.vietqr-details>strong{font-size:26px}.vietqr-copy-row b{font-size:10px}}

/* Customer delivery form */
.customer-form{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px;margin-top:14px;padding:15px;border:1px solid #ead6b2;border-radius:18px;background:#fffdf8;text-align:left;box-shadow:inset 0 1px 0 #fff,0 9px 24px #5f401012}.customer-form-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px dashed #e7cfaa}.customer-form-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#ff852d,#e84d08);color:#fff;font-size:15px;box-shadow:0 4px 0 #9c3202}.customer-form-title>div{display:flex;flex-direction:column}.customer-form-title b{color:#0b3569;font-size:11px}.customer-form-title small{margin-top:3px;color:#7c8998;font-size:8px}.customer-form label{display:flex;flex-direction:column;gap:6px;color:#36516f;font-size:9px;font-weight:800}.customer-form label>span i{color:#ee5311;font-style:normal}.customer-form .field-wide{grid-column:1/-1}.customer-form input,.customer-form textarea{width:100%;border:1px solid #d5e0ea;border-radius:11px;background:#f8fbfe;color:#0a315f;padding:10px 12px;font-family:'Be Vietnam Pro';font-size:10px;line-height:1.4;outline:0;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.customer-form input::placeholder,.customer-form textarea::placeholder{color:#9aa7b4}.customer-form input:focus,.customer-form textarea:focus{border-color:#f07820;background:#fff;box-shadow:0 0 0 3px #ef771e1c}.customer-form input.is-invalid,.customer-form textarea.is-invalid{border-color:#e83b32;background:#fff5f4;box-shadow:0 0 0 3px #e83b3218;animation:field-shake .22s ease}.address-reminder{grid-column:1/-1;margin:0;padding:9px 11px;border-radius:10px;background:#edf7ff;color:#52718f;font-size:8px;line-height:1.5}.confirm-order.is-loading{pointer-events:none;filter:saturate(.7)!important}.confirm-order.is-loading>i{animation:checkout-spin .75s linear infinite}@keyframes field-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes checkout-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.customer-form{grid-template-columns:1fr}.customer-form-title,.customer-form .field-wide,.address-reminder{grid-column:auto}.customer-form input,.customer-form textarea{font-size:16px}}

/* COD availability notice */
.cod-notice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:14px;padding:12px 13px;border:1px solid #f0c36f;border-radius:16px;background:linear-gradient(135deg,#fff9e9,#ffedc9);text-align:left;box-shadow:0 8px 22px #7d4a1114;animation:vietqr-in .2s ease}.cod-notice[hidden]{display:none}.cod-notice>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#df5c11;font-size:20px;box-shadow:0 5px 14px #6a431a18}.cod-notice>div{display:flex;flex-direction:column;min-width:0}.cod-notice b{color:#763e12;font-size:10px}.cod-notice small{margin-top:4px;color:#8b755e;font-size:8px;line-height:1.4}.cod-notice a{border-radius:11px;padding:10px 13px;background:linear-gradient(135deg,#1688ef,#0867c2);color:#fff;text-decoration:none;font-size:9px;font-weight:900;box-shadow:0 4px 0 #06498a,0 9px 18px #0b68bc28;transition:.14s}.cod-notice a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 0 #06498a,0 12px 22px #0b68bc38}.cod-notice a:active{transform:translateY(3px);box-shadow:none}.confirm-order{text-decoration:none}@media(max-width:520px){.cod-notice{grid-template-columns:40px 1fr}.cod-notice a{grid-column:1/-1;text-align:center}}

/* Bộ sưu tập 5 mẫu và lưu ý chọn màu */
.catalog-color-note{position:relative;max-width:1450px;margin:-18px auto 34px;padding:16px 20px;display:flex;align-items:center;gap:14px;border:1px solid #ffc66b66;border-radius:20px;background:linear-gradient(135deg,#ff7a1c20,#ffd36f12);box-shadow:inset 0 1px 0 #ffffff18;color:#dceaff}.catalog-color-note>span{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ff8a2b,#e94f0a);box-shadow:0 7px 0 #8f2e00;font-size:21px}.catalog-color-note b{display:block;margin-bottom:3px;color:#fff4d6;font-size:13px}.catalog-color-note p{margin:0;color:#aebfda;font-size:11px;line-height:1.65}.catalog-color-note a{color:#69e0d0;font-weight:800;text-decoration:none;border-bottom:1px dashed #69e0d0}.catalog-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.catalog-card{flex:0 1 calc((100% - 44px)/3);min-width:280px;max-width:410px}.catalog-card .card-photo{height:380px}.catalog-card:last-child .card-photo{background:linear-gradient(145deg,#423d2f,#191a1d)}.catalog-card:last-child .card-photo img{object-fit:contain}.color-contact-note{display:grid!important;grid-template-columns:34px 1fr;align-items:center!important;gap:9px!important;margin:11px 0 0!important;padding:10px 12px;border:1px solid #ffd59d;border-radius:13px;background:#fff7e9}.color-contact-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffe0b0;font-size:15px}.color-contact-note p{margin:0;color:#7d5a38;font-size:9px;line-height:1.55}.color-contact-note b{color:#db570e}.color-contact-note a{color:#0879c9;font-weight:800;text-decoration:none;border-bottom:1px dashed #0879c9}
@media(max-width:1100px){.catalog-card{flex-basis:calc((100% - 22px)/2);max-width:520px}.catalog-card .card-photo{height:440px}}
@media(max-width:600px){.catalog-color-note{align-items:flex-start;margin-top:-10px;padding:14px}.catalog-color-note>span{width:38px;height:38px}.catalog-card{flex-basis:100%;min-width:0;max-width:460px}.catalog-card .card-photo{height:410px}}

/* Ảnh sản phẩm dọc: giữ trọn mô hình trong khung */
.catalog-card.portrait-product .card-photo{background:linear-gradient(145deg,#162442,#090d17)}.catalog-card.portrait-product .card-photo img{object-fit:contain}

/* Danh mục 4 ô và bảng chọn sàn cho Móc khóa & Clicker */
.home-categories{max-width:1450px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-categories>button:nth-child(4){background:linear-gradient(145deg,#a64926,#6f2518)!important;border-color:#ffbd7b55}.home-categories>button:nth-child(4) .cat-art{width:118px;height:138px}.marketplace-modal{width:min(590px,100%);border-color:#f0792d;background:linear-gradient(155deg,#fffaf0,#f6dfb8)}.marketplace-art{width:180px;height:150px;object-fit:contain;display:block;margin:-86px auto 0;filter:drop-shadow(0 16px 12px #001a3f45)}.marketplace-modal>small{color:#d95814!important}.marketplace-options .shopee-contact{background:linear-gradient(135deg,#ff7c29,#ee4d2d)}.marketplace-options .tiktok-contact{background:linear-gradient(135deg,#15223c,#080d18)}.marketplace-options .shopee-contact>span{color:#ee4d2d!important}.marketplace-options .tiktok-contact>span{color:#111827!important;text-shadow:2px 1px #20e5db,-2px -1px #ff3b67}.marketplace-options a:focus-visible{outline:3px solid #54daca;outline-offset:3px}
.custom-keychain-note{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:18px;padding:12px 13px;border:1px solid #6bc7ff;border-radius:17px;background:linear-gradient(135deg,#eff9ff,#ddecff);box-shadow:0 8px 22px #075a9c1c;text-align:left}.custom-keychain-note>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#21a8f5,#0875d5);color:#fff;font-size:20px;box-shadow:0 5px 0 #0757a0}.custom-keychain-note>div{min-width:0}.custom-keychain-note b{display:block;color:#073b73;font-size:11px}.custom-keychain-note p{margin:3px 0 0!important;color:#5a718b!important;font-size:8px!important;line-height:1.45}.custom-keychain-note>a{padding:10px 13px;border-radius:12px;background:linear-gradient(135deg,#169cf2,#0867c2);color:#fff;text-decoration:none;font-family:'Be Vietnam Pro';font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 4px 0 #064d90,0 9px 18px #0b68bc28;transition:.15s}.custom-keychain-note>a:hover{transform:translateY(-2px);filter:brightness(1.08)}.custom-keychain-note>a:active{transform:translateY(3px);box-shadow:none}
@media(max-width:1250px){.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-categories{grid-template-columns:1fr}.marketplace-art{width:145px;height:120px;margin-top:-70px}.marketplace-modal{padding-inline:18px}.custom-keychain-note{grid-template-columns:40px 1fr}.custom-keychain-note>a{grid-column:1/-1;text-align:center}}

/* Mặt nút AI cho thanh điều hướng */
.home-nav nav{gap:7px}.home-nav nav a,.home-nav nav button{position:relative;display:grid;place-items:center;min-width:116px;height:48px;padding:0 18px!important;border:0!important;background:url('ai-icons/nav-pill-ai.png?v=39') center/100% 100% no-repeat!important;color:#fff!important;font-family:'Be Vietnam Pro',sans-serif;font-size:10px!important;font-weight:800;text-decoration:none;text-shadow:0 2px 3px #001735;filter:drop-shadow(0 5px 4px #0007);transition:transform .17s cubic-bezier(.2,1.5,.4,1),filter .17s}.home-nav nav a:first-child{border-bottom:0!important;filter:brightness(1.16) saturate(1.12) drop-shadow(0 6px 5px #0008)}.home-nav nav a:hover,.home-nav nav button:hover{transform:translateY(-4px) scale(1.035);filter:brightness(1.18) saturate(1.08) drop-shadow(0 8px 6px #0008)}.home-nav nav a:active,.home-nav nav button:active{transform:translateY(4px) scale(.95);filter:brightness(.9) saturate(1.15) drop-shadow(0 2px 2px #0007);transition-duration:.06s}.home-nav nav a:focus-visible,.home-nav nav button:focus-visible{outline:3px solid #61e2d1;outline-offset:2px;border-radius:16px}.nav-cart{width:54px;height:54px;border:0!important;background:url('ai-icons/nav-pill-ai.png?v=39') center/165% 105% no-repeat!important;border-radius:50%;color:#fff;font-size:15px;text-shadow:0 2px 3px #001735;filter:drop-shadow(0 6px 5px #0008);transition:transform .17s,filter .17s}.nav-cart:hover{transform:translateY(-4px) scale(1.06);filter:brightness(1.15) drop-shadow(0 9px 6px #0008)}.nav-cart:active{transform:translateY(4px) scale(.93);filter:brightness(.9)}.nav-cart span{right:-1px;top:-2px;border:2px solid #fff4d5;box-shadow:0 3px 0 #8c2b00}
@media(max-width:1120px){.home-nav nav a,.home-nav nav button{min-width:101px;height:44px;padding-inline:12px!important;font-size:9px!important}.home-nav nav{gap:3px}}