:root{color-scheme:dark;--bg:#080808;--panel:#141414;--ink:#f7f7f7;--muted:#9b9b9b;--silver:#c8c8c8;--accent:#ae82ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;position:sticky;top:0;background:#080808ed;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-1.3px;font-weight:900;line-height:1}.brand small{display:block;color:#777;font-size:7px;letter-spacing:2px;margin-top:8px}.brand-mark{border:1px solid #9b69e8;color:#b994ed;font-size:17px;border-radius:8px;padding:9px}.header nav{display:flex;align-items:center;gap:30px}.header nav a{font-size:12px;color:#bfbfbf}.header nav a:hover{color:white}.header button{background:none;border:1px solid #333;border-radius:24px;color:#eee;padding:7px 14px;font-size:12px}.hero{text-align:center;padding:118px 24px 64px;max-width:1200px;margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:3px;color:#a9a9a9}.hero h1{font-size:clamp(45px,7vw,104px);line-height:1.06;letter-spacing:-5px;margin:24px 0}.hero h1 em{font-style:normal;color:#bfbfbf}.hero p{max-width:560px;margin:0 auto 30px;color:#aaa;font-size:16px}.primary{display:inline-block;border:0;border-radius:5px;background:#f0f0f0;color:#090909;padding:13px 22px;font-weight:800;font-size:12px}.primary:hover{background:#d5b8ff}.hero-line{height:75px;width:1px;background:linear-gradient(#888,transparent);margin:75px auto 0}.applications,.store{max-width:1230px;margin:auto;padding:0 34px 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{font-size:clamp(32px,4vw,58px);letter-spacing:-2px;margin:7px 0}.muted{color:#888;font-size:12px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scene{height:420px;position:relative;overflow:hidden;background:#242424;border:1px solid #333}.scene-tag{position:absolute;top:22px;left:22px;z-index:2;font-size:10px;letter-spacing:2px;color:#ddd}.scene p{position:absolute;bottom:0;margin:0;padding:26px;width:100%;background:linear-gradient(transparent,#000c);font-size:13px}.scene-museum{background:linear-gradient(110deg,#51483f,#a4937d 40%,#322b26 40%,#15120f 65%,#6b5c4b)}.mock-wall{position:absolute;inset:70px 35px 70px 45%;background:linear-gradient(115deg,#6b6055,#352d25);box-shadow:-30px 0 90px #0008}.mock-frame{position:absolute;top:22%;left:30%;width:45%;height:40%;border:9px solid #695334;background:#292b20;box-shadow:0 0 0 4px #9c825c}.mock-sign{position:absolute;left:-120px;top:34%;width:74px;background:#ddd;border-radius:8px;padding:5px;box-shadow:0 5px 25px #0008}.mock-sign img{display:block;width:100%}.scene-public{background:linear-gradient(110deg,#404c3e,#788675 40%,#b4b2a4 40%,#d0c5ae 62%,#6d695c)}.mock-pillar{position:absolute;left:32%;top:35px;width:175px;height:330px;background:linear-gradient(90deg,#303b40,#515e63);box-shadow:12px 10px 20px #0005;padding:22px;text-align:center}.mock-pillar span{font-size:9px;letter-spacing:1px}.mock-pillar img{width:105px;display:block;margin:20px auto}.mock-pillar small{font-size:10px;font-weight:900;color:#eee}.scene-note{color:#666;font-size:11px;margin-top:12px}.store{padding-top:60px}.store-heading{margin-bottom:42px}.store-heading p{color:#aaa;max-width:550px;margin:0}.dot{color:#ab7ce9}.count{text-align:right;font-size:21px;font-weight:900;line-height:1.4}.count span{font-size:10px;letter-spacing:2px;color:#999}.catalog{max-width:940px;margin:auto}.catalog-head,.catalog-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-head{margin-bottom:18px}.catalog-head span{text-align:center;font-size:11px;font-weight:900;letter-spacing:1px}.catalog-row{margin-bottom:16px}.tile{border:1px solid #222;background:#171717;border-radius:17px;aspect-ratio:1/1;padding:0;display:block;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;min-width:0}.tile:hover,.tile:focus-visible{transform:scale(1.065);z-index:2;box-shadow:0 14px 40px #000;outline:2px solid #ac80e5}.tile img{width:100%;height:100%;object-fit:contain;display:block}.tile.transparency{background-color:#2a2a2a;background-image:linear-gradient(45deg,#393939 25%,transparent 25%),linear-gradient(-45deg,#393939 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#393939 75%),linear-gradient(-45deg,transparent 75%,#393939 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.tile:after{content:'↗';position:absolute;right:9px;top:6px;color:#fff;background:#0009;border-radius:20px;width:25px;height:25px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.tile:hover:after{opacity:1}.catalog-note{text-align:center;color:#777;font-size:12px;margin-top:35px}footer{border-top:1px solid #252525;padding:60px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777;font-size:12px}.footer-brand{color:#fff;font-size:18px}.overlay{position:fixed;inset:0;background:#000b;z-index:29}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,100vw);background:#151515;z-index:31;transform:translateX(110%);transition:transform .25s;padding:28px;display:flex;flex-direction:column;box-shadow:-15px 0 80px #0009}.drawer.open{transform:none}.drawer-top{display:flex;align-items:center;justify-content:space-between}.icon-button,.modal-close{background:none;color:#fff;border:1px solid #555;border-radius:50%;width:35px;height:35px}.drawer-bottom{margin-top:auto}.drawer-bottom p,.fine{font-size:11px;color:#888}.full{width:100%;text-align:center}.primary:disabled{opacity:.45;cursor:not-allowed}.cart-line{display:flex;align-items:center;gap:15px;border-bottom:1px solid #333;padding:14px 0}.cart-line img{width:65px;height:65px;object-fit:contain;background:#555;border-radius:8px}.cart-line strong{font-size:12px}.cart-line small{display:block;color:#888}.cart-line button{margin-left:auto;border:0;background:none;color:#bbb}.product-modal{position:fixed;z-index:32;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(920px,94vw);max-height:90dvh;overflow:auto;background:#171717;border:1px solid #454545;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 25px 110px #000}.product-modal[hidden],.overlay[hidden]{display:none}.modal-close{position:absolute;right:16px;top:16px;z-index:1}.modal-preview{display:flex;align-items:center;justify-content:center;padding:36px;background:#2b2b2b;min-height:470px}.modal-preview img{width:100%;max-width:380px;aspect-ratio:1;object-fit:contain}.modal-info{padding:46px 34px 28px}.modal-info h2{font-size:30px;line-height:1.1}.modal-info p{color:#aaa;font-size:13px}.modal-info label{display:block;margin:24px 0 10px;font-size:12px;font-weight:800}.variant-buttons,.size-grid{display:flex;gap:7px;flex-wrap:wrap}.variant-buttons button,.size-grid button{background:#222;color:#ddd;border:1px solid #555;border-radius:5px;padding:9px 11px;font-size:11px}.variant-buttons button.active,.size-grid button.active{background:#ddd;color:#111}.notice{font-size:11px;color:#aaa;margin:15px 0}.notice.warn{color:#eac28a}[dir=rtl] .header nav{flex-direction:row-reverse}[dir=rtl] .drawer{right:auto;left:0;transform:translateX(-110%)}[dir=rtl] .drawer.open{transform:none}[dir=rtl] .count{text-align:left}@media(max-width:720px){.header{height:70px;padding:0 15px}.brand{font-size:19px}.brand small{font-size:5px}.header nav{gap:7px}.header nav a{display:none}.header button{padding:6px 9px}.hero{padding:85px 18px 30px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:13px}.applications,.store{padding-left:16px;padding-right:16px}.section-head{align-items:start}.scene-grid{grid-template-columns:1fr}.scene{height:300px}.catalog-head,.catalog-row{gap:6px}.catalog-head span{font-size:7px;letter-spacing:0;overflow-wrap:anywhere}.catalog-row{margin-bottom:7px}.tile{border-radius:9px}.count{font-size:14px}.count span{font-size:8px}.product-modal{grid-template-columns:1fr;max-height:94dvh}.modal-preview{min-height:0;padding:24px}.modal-preview img{max-width:220px}.modal-info{padding:25px}.modal-info h2{font-size:24px}footer{flex-direction:column;text-align:center}} /* V3: visibly improved hero, product previews, cart and product discovery */ .hero-feature{max-width:800px;margin:5px auto 0;display:flex;align-items:center;gap:20px;text-align:left;background:linear-gradient(120deg,#1d1d1d,#111);border:1px solid #393939;border-radius:15px;padding:18px 24px;position:relative;overflow:hidden}.hero-feature:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#ae82ed19,transparent 50%);pointer-events:none}.hero-feature img{height:116px;width:116px;object-fit:contain;flex-shrink:0}.hero-feature div{display:flex;flex-direction:column;gap:5px}.hero-feature strong{font-size:18px;letter-spacing:1px}.hero-feature div span{color:#aaa;font-size:12px}.feature-label{font-size:9px;letter-spacing:2px;color:#b4a0c9;position:absolute;right:18px;top:12px}.application-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #333;margin-top:16px}.application-strip span{text-align:center;padding:13px 6px;font-size:10px;letter-spacing:1.2px;color:#bbb;border-right:1px solid #333}.application-strip span:last-child{border:0}.header{isolation:isolate}.mini-cart[hidden]{display:none}.mini-cart{position:absolute;right:max(5vw,20px);top:74px;width:min(345px,calc(100vw - 30px));background:#1c1c1c;border:1px solid #555;border-radius:12px;padding:17px;box-shadow:0 25px 60px #000d;z-index:25}.mini-cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #444}.mini-cart-head button{border:0;background:none;color:#eee}.mini-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #303030;padding:10px 0}.mini-item img{width:55px;height:55px;object-fit:contain;border-radius:7px;background:#333}.mini-item strong{display:block;font-size:11px}.mini-item small{color:#999;font-size:10px}.mini-empty{font-size:12px;color:#aaa}.mini-view{display:block;width:100%;background:#eee;color:#111;border:0;padding:11px;margin-top:12px;font-size:11px;font-weight:800;border-radius:5px}.modal-preview-wrap{background:#292929;display:flex;flex-direction:column;min-width:0}.modal-preview{min-height:340px;padding:32px 35px 10px;flex:1}.modal-preview img{max-width:335px}.preview-caption{font-size:9px;color:#aaa;letter-spacing:1.5px;text-align:center;padding:0 12px 10px}.modal-thumbs{display:flex;justify-content:center;gap:9px;padding:8px 12px 22px}.modal-thumbs button{width:62px;height:62px;border:1px solid #555;border-radius:7px;background:#333;padding:3px}.modal-thumbs button.active{border:2px solid #b894ed}.modal-thumbs img{width:100%;height:100%;object-fit:contain}.file-spec{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.file-spec span{border:1px solid #3f3f3f;border-radius:20px;padding:5px 8px;font-size:8px;letter-spacing:.5px;color:#bbb}.related-wrap{margin-top:24px;border-top:1px solid #393939;padding-top:16px}.related-wrap>strong{font-size:10px;letter-spacing:1.4px}.related-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.related-items button{border:1px solid #444;border-radius:8px;background:#262626;color:#eee;padding:6px;min-width:0}.related-items img{width:100%;aspect-ratio:1;object-fit:contain}.related-items small{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-modal{width:min(1030px,95vw)}[dir=rtl] .mini-cart{right:auto;left:max(5vw,20px)}[dir=rtl] .hero-feature{text-align:right}[dir=rtl] .feature-label{right:auto;left:18px}@media(max-width:720px){.hero-feature{padding:28px 13px 12px;gap:8px}.hero-feature img{height:83px;width:83px}.hero-feature strong{font-size:12px}.hero-feature div span{font-size:10px}.feature-label{font-size:7px}.application-strip{grid-template-columns:repeat(2,1fr)}.application-strip span{font-size:8px}.modal-preview{min-height:0;padding:20px}.modal-thumbs button{width:53px;height:53px}.modal-preview img{max-width:210px}} /* V4: compact brand header, reserved cinematic video slot, then store */ .v4-intro{max-width:1200px;margin:auto;padding:48px 30px 30px;text-align:center}.v4-kicker{font-size:10px;color:#a3a3a3;letter-spacing:3px;font-weight:800}.v4-intro h1{font-size:clamp(25px,3.5vw,48px);letter-spacing:-1.8px;line-height:1.2;margin:14px 0}.v4-intro h1 span{color:#bcbcbc}.v4-intro p{font-size:13px;color:#999;max-width:600px;margin:auto}.v4-film{max-width:1230px;margin:0 auto;padding:0 34px}.v4-film-stage{aspect-ratio:16/7.3;min-height:320px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative;border:1px solid #343434;background:radial-gradient(ellipse at 75% 30%,#38303c 0%,#1b1a1d 36%,#101011 75%);border-radius:16px}.v4-film-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 45%,#09090912)}.v4-film-copy{padding:clamp(25px,5vw,72px);position:relative;z-index:1}.v4-film-eyebrow{font-size:10px;color:#bb9ee1;letter-spacing:2px;font-weight:800}.v4-film-copy h2{font-size:clamp(27px,3.3vw,49px);line-height:1.08;letter-spacing:-1.8px;max-width:430px;margin:20px 0}.v4-film-copy p{font-size:13px;color:#b1b1b1;max-width:400px}.v4-film-status{display:inline-block;border:1px solid #777;color:#e1e1e1;padding:10px 14px;margin-top:22px;border-radius:40px;letter-spacing:1.2px;font-size:9px;font-weight:800}.v4-film-art{display:flex;align-items:center;justify-content:center;gap:16px;transform:rotate(-8deg);padding:30px}.v4-film-art-frame{width:min(43%,235px);aspect-ratio:1;display:grid;place-items:center;border-radius:22px;background:#222;box-shadow:0 22px 65px #000b;border:1px solid #484848;overflow:hidden}.v4-film-art-frame:nth-child(2){transform:translateY(35px)}.v4-film-art-frame img{width:100%;height:100%;object-fit:contain}.v4-film-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 4px 22px;border-bottom:1px solid #292929;color:#999;font-size:10px;letter-spacing:1px}.v4-film-bottom a{color:#fff;font-weight:800;white-space:nowrap}.store{padding-top:45px}#store{scroll-margin-top:95px}#applications{scroll-margin-top:95px} @media(max-width:720px){.v4-intro{padding:34px 18px 22px}.v4-intro h1{letter-spacing:-1px}.v4-film{padding:0 16px}.v4-film-stage{aspect-ratio:auto;min-height:0;grid-template-columns:1fr}.v4-film-copy{padding:30px 25px 15px}.v4-film-art{padding:12px 45px 40px;max-height:240px}.v4-film-art-frame{max-width:160px}.v4-film-bottom{font-size:8px;line-height:1.5}.store{padding-top:30px}} /* V5 STORE ONLY: the approved V4 video/intro remains untouched. */ #store.store{max-width:1210px;padding-top:74px;padding-bottom:110px;scroll-margin-top:96px} #store .store-heading{max-width:1040px;margin:0 auto 38px} #store .catalog{max-width:1040px;width:100%} #store .catalog-head,#store .catalog-row{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(10px,2.2vw,28px)} #store .catalog-head{margin-bottom:18px;padding:0 3px} #store .catalog-head span{font-size:clamp(9px,1.05vw,12px);letter-spacing:.9px;line-height:1.45} #store .catalog-row{margin-bottom:clamp(10px,1.6vw,20px)} #store .tile{width:100%;max-width:220px;justify-self:center;border:0;border-radius:19px;background:#e9e9e9;box-shadow:0 0 0 1px #2224;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease} #store .tile img{width:100%;height:100%;object-fit:contain} #store .tile.transparency{background-color:#eee;background-image:linear-gradient(45deg,#d2d2d2 25%,transparent 25%),linear-gradient(-45deg,#d2d2d2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d2d2d2 75%),linear-gradient(-45deg,transparent 75%,#d2d2d2 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0} #store .tile:hover,#store .tile:focus-visible{transform:scale(1.09);z-index:5;box-shadow:0 16px 46px #000b,0 0 0 2px #b895f5;outline:0} #store .tile:focus-visible:after,#store .tile:hover:after{opacity:1} #store .catalog-note{margin-top:42px} @media(max-width:720px){#store.store{padding:42px 12px 65px;scroll-margin-top:74px}#store .store-heading{margin-bottom:26px}#store .catalog-head,#store .catalog-row{column-gap:6px}#store .catalog-head span{font-size:clamp(7px,1.65vw,10px);letter-spacing:0;overflow-wrap:anywhere}#store .catalog-head{margin-bottom:11px}#store .catalog-row{margin-bottom:8px}#store .tile{border-radius:clamp(8px,2.3vw,15px)}#store .tile:hover{transform:scale(1.04)}} @media(prefers-reduced-motion:reduce){#store .tile{transition:none}} \n/* V6: compact, readable variant headings */\n.catalog-head span small{display:block;font-size:10px;font-weight:500;letter-spacing:.04em;color:#999;margin-top:5px;}\n /* V7: uniform preview scale and quieter transparency backgrounds. Source artwork untouched. */ #store .tile{background:#e9e9e9;} #store .tile img{width:100%;height:100%;object-fit:contain;} #store .tile.transparency{ background-color:#c4c4c4; background-image:linear-gradient(45deg,#b8b8b8 25%,transparent 25%),linear-gradient(-45deg,#b8b8b8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b8b8b8 75%),linear-gradient(-45deg,transparent 75%,#b8b8b8 75%); background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0; } #store .tile.transparency:nth-child(4){ background-color:#646464; background-image:linear-gradient(45deg,#707070 25%,transparent 25%),linear-gradient(-45deg,#707070 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#707070 75%),linear-gradient(-45deg,transparent 75%,#707070 75%); } /* V10: approved logo in header only. All other site design remains V9. */ .header .brand .approved-header-logo{display:block;width:clamp(160px,20vw,265px);height:auto;max-height:64px;object-fit:contain;} @media(max-width:600px){.header .brand .approved-header-logo{width:clamp(125px,37vw,180px);}} /* V11: 10cm nominal hover preview, without changing catalog layout. */ #store .tile:hover,#store .tile:focus-visible{transform:scale(var(--iconicue-hover-scale,1.09));z-index:12;} @media(max-width:720px){#store .tile:hover,#store .tile:focus-visible{transform:scale(1.04);}} /* V15: digital usage licenses, checkout intentionally disabled */ .license-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0} .license-buttons button{background:#151515;border:1px solid #4a4a4a;color:white;border-radius:10px;padding:12px 6px;display:flex;flex-direction:column;gap:7px;align-items:center;cursor:pointer;font:inherit;text-align:center} .license-buttons button.active{border-color:#a17aff;background:#30213f;box-shadow:0 0 0 1px #a17aff} .license-buttons strong{font-size:17px}.license-help{font-size:12px;color:#bbb;min-height:22px;margin:3px 0 13px} .cart-total,.mini-total{font-weight:800;text-align:right;padding:14px 12px;border-top:1px solid #444;color:white} .cart-line select{display:block;max-width:100%;margin-top:7px;background:#222;color:#fff;border:1px solid #555;border-radius:6px;padding:5px;font-size:12px} @media(max-width:480px){.license-buttons{gap:5px}.license-buttons button{font-size:11px;padding:10px 3px}} /* V16: COLOR/SILVER tiles have no extra pale frame; transparent columns unchanged. */ #store .catalog-row .tile:nth-child(-n+2){background:transparent;} /* V21: COLOR and SILVER ONLY. Original source images remain unchanged. V19 hover geometry retained (same ::before border mechanism), now aligned to transparent-trimmed square previews, so the frame fits the visible tile. */ #store .catalog-row .tile:nth-child(-n+2):is(:hover,:focus-visible){ box-shadow:0 16px 46px #000b;outline:0; } #store .catalog-row .tile:nth-child(-n+2)::before{ content:"";position:absolute;z-index:3;pointer-events:none;opacity:0; inset:var(--hover-top,0%) var(--hover-right,0%) var(--hover-bottom,0%) var(--hover-left,0%);border:2px solid #b895f5;border-radius:16%; transition:opacity .2s ease; } #store .catalog-row .tile:nth-child(-n+2):is(:hover,:focus-visible)::before{opacity:1} /* V22: Four-sided frame alignment measured from visible alpha silhouettes of V21 previews. No image changes. */ #store .catalog-row:nth-child(1) .tile:nth-child(1){--hover-left:2.023%;--hover-top:4.045%;--hover-right:0.566%;--hover-bottom:0.728%;} #store .catalog-row:nth-child(1) .tile:nth-child(2){--hover-left:0.500%;--hover-top:2.415%;--hover-right:4.746%;--hover-bottom:4.996%;} #store .catalog-row:nth-child(2) .tile:nth-child(1){--hover-left:1.196%;--hover-top:0.797%;--hover-right:1.116%;--hover-bottom:1.675%;} #store .catalog-row:nth-child(2) .tile:nth-child(2){--hover-left:1.196%;--hover-top:0.797%;--hover-right:1.116%;--hover-bottom:1.675%;} #store .catalog-row:nth-child(3) .tile:nth-child(1){--hover-left:3.448%;--hover-top:1.970%;--hover-right:0.411%;--hover-bottom:2.627%;} #store .catalog-row:nth-child(3) .tile:nth-child(2){--hover-left:3.448%;--hover-top:1.970%;--hover-right:0.411%;--hover-bottom:2.627%;} #store .catalog-row:nth-child(4) .tile:nth-child(1){--hover-left:1.837%;--hover-top:1.438%;--hover-right:0.719%;--hover-bottom:1.438%;} #store .catalog-row:nth-child(4) .tile:nth-child(2){--hover-left:3.614%;--hover-top:3.293%;--hover-right:2.410%;--hover-bottom:3.855%;} #store .catalog-row:nth-child(5) .tile:nth-child(1){--hover-left:0.775%;--hover-top:1.377%;--hover-right:0.430%;--hover-bottom:1.807%;} #store .catalog-row:nth-child(5) .tile:nth-child(2){--hover-left:0.259%;--hover-top:1.983%;--hover-right:0.259%;--hover-bottom:2.069%;} #store .catalog-row:nth-child(6) .tile:nth-child(1){--hover-left:4.235%;--hover-top:3.094%;--hover-right:2.117%;--hover-bottom:5.782%;} #store .catalog-row:nth-child(6) .tile:nth-child(2){--hover-left:2.271%;--hover-top:5.921%;--hover-right:7.380%;--hover-bottom:4.298%;} #store .catalog-row:nth-child(7) .tile:nth-child(1){--hover-left:0.000%;--hover-top:0.000%;--hover-right:0.080%;--hover-bottom:1.595%;} #store .catalog-row:nth-child(7) .tile:nth-child(2){--hover-left:0.000%;--hover-top:0.000%;--hover-right:0.080%;--hover-bottom:1.595%;} #store .catalog-row:nth-child(8) .tile:nth-child(1){--hover-left:1.535%;--hover-top:1.535%;--hover-right:0.242%;--hover-bottom:1.696%;} #store .catalog-row:nth-child(8) .tile:nth-child(2){--hover-left:3.896%;--hover-top:6.088%;--hover-right:2.110%;--hover-bottom:2.679%;} #store .catalog-row:nth-child(9) .tile:nth-child(1){--hover-left:1.616%;--hover-top:2.019%;--hover-right:0.323%;--hover-bottom:2.262%;} #store .catalog-row:nth-child(9) .tile:nth-child(2){--hover-left:1.616%;--hover-top:2.019%;--hover-right:0.323%;--hover-bottom:2.262%;} #store .catalog-row:nth-child(10) .tile:nth-child(1){--hover-left:4.229%;--hover-top:1.990%;--hover-right:0.249%;--hover-bottom:4.312%;} #store .catalog-row:nth-child(10) .tile:nth-child(2){--hover-left:0.087%;--hover-top:0.953%;--hover-right:0.087%;--hover-bottom:1.127%;} #store .catalog-row:nth-child(11) .tile:nth-child(1){--hover-left:4.143%;--hover-top:3.065%;--hover-right:0.249%;--hover-bottom:3.148%;} #store .catalog-row:nth-child(11) .tile:nth-child(2){--hover-left:1.093%;--hover-top:1.766%;--hover-right:1.262%;--hover-bottom:2.775%;} #store .catalog-row:nth-child(12) .tile:nth-child(1){--hover-left:0.080%;--hover-top:0.000%;--hover-right:0.080%;--hover-bottom:0.159%;} #store .catalog-row:nth-child(12) .tile:nth-child(2){--hover-left:0.080%;--hover-top:0.000%;--hover-right:0.080%;--hover-bottom:0.159%;} #store .catalog-row:nth-child(13) .tile:nth-child(1){--hover-left:7.062%;--hover-top:9.253%;--hover-right:6.656%;--hover-bottom:7.955%;} #store .catalog-row:nth-child(13) .tile:nth-child(2){--hover-left:0.168%;--hover-top:0.168%;--hover-right:0.168%;--hover-bottom:0.168%;} /* V23 isolated experiment: remove purple hover strokes on COLOR/SILVER only. Keep hover scale, black shadow, images, transparent columns and commerce unchanged. */ #store .catalog-row .tile:nth-child(-n+2):is(:hover,:focus-visible){ box-shadow:0 16px 46px #000b !important; outline:0 !important; } #store .catalog-row .tile:nth-child(-n+2)::before{ content:none !important; } /* V24 diagnostic: isolate COLOR and SILVER card surface from the artwork. No image, product, modal, cart, or transparent-column changes. */ #store .catalog-row .tile:nth-child(-n+2), #store .catalog-row .tile:nth-child(-n+2):is(:hover,:focus-visible){ background:transparent !important; background-image:none !important; box-shadow:none !important; outline:0 !important; border:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } #store .catalog-row .tile:nth-child(-n+2)::before{content:none !important;} /* V25 TEST: expand the displayed COLOR and SILVER artwork only by 2%. Transparent columns, tile geometry, V24 hover and commerce remain untouched. */ #store .catalog-row .tile:nth-child(-n+2) > img { transform: scale(1.02); transform-origin: center center; } /* V26 six-row test: per-tile display scale only; V24 hover and transparent columns unchanged. */ #store .catalog-row:nth-child(1) .tile:nth-child(1) > img { transform:scale(1.035); } #store .catalog-row:nth-child(1) .tile:nth-child(2) > img { transform:scale(1.055); } #store .catalog-row:nth-child(2) .tile:nth-child(1) > img { transform:scale(1.030); } #store .catalog-row:nth-child(2) .tile:nth-child(2) > img { transform:scale(1.030); } #store .catalog-row:nth-child(3) .tile:nth-child(1) > img { transform:scale(1.035); } #store .catalog-row:nth-child(3) .tile:nth-child(2) > img { transform:scale(1.050); } #store .catalog-row:nth-child(4) .tile:nth-child(1) > img { transform:scale(1.055); } #store .catalog-row:nth-child(4) .tile:nth-child(2) > img { transform:scale(1.080); } #store .catalog-row:nth-child(5) .tile:nth-child(1) > img { transform:scale(1.035); } #store .catalog-row:nth-child(5) .tile:nth-child(2) > img { transform:scale(1.045); } #store .catalog-row:nth-child(6) .tile:nth-child(1) > img { transform:scale(1.200); } #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(1.030); } /* V29: only selected SILVER row 1 and yellow COLOR row 6. */ #store .catalog-row:nth-child(1) .tile:nth-child(2) > img { transform:scale(1.10); } #store .catalog-row:nth-child(6) .tile:nth-child(1) > img { transform:scale(1.30); } /* V32 TEST: 20% reduction of current V31 displayed image scales in COLOR and SILVER only. This changes only catalog image transforms; tiles, hover, transparency, modal and purchasing are untouched. */ #store .catalog-row:nth-child(1) .tile:nth-child(1) > img { transform:scale(0.8280); } #store .catalog-row:nth-child(1) .tile:nth-child(2) > img { transform:scale(0.8800); } #store .catalog-row:nth-child(2) .tile:nth-child(1) > img { transform:scale(0.8240); } #store .catalog-row:nth-child(2) .tile:nth-child(2) > img { transform:scale(0.8240); } #store .catalog-row:nth-child(3) .tile:nth-child(1) > img { transform:scale(0.8280); } #store .catalog-row:nth-child(3) .tile:nth-child(2) > img { transform:scale(0.8400); } #store .catalog-row:nth-child(4) .tile:nth-child(1) > img { transform:scale(0.8440); } #store .catalog-row:nth-child(4) .tile:nth-child(2) > img { transform:scale(0.8640); } #store .catalog-row:nth-child(5) .tile:nth-child(1) > img { transform:scale(0.8280); } #store .catalog-row:nth-child(5) .tile:nth-child(2) > img { transform:scale(0.8360); } #store .catalog-row:nth-child(6) .tile:nth-child(1) > img { transform:scale(1.0400); } #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(0.8240); } #store .catalog-row:nth-child(7) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(7) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(8) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(8) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(9) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(9) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(10) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(10) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(11) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(11) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(12) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(12) .tile:nth-child(2) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(13) .tile:nth-child(1) > img { transform:scale(0.8160); } #store .catalog-row:nth-child(13) .tile:nth-child(2) > img { transform:scale(0.8160); } /* V33 TEST: COLOR/SILVER use the exact image layout model of TRANSPARENT. Override legacy V25-V32 per-image scaling, not the approved V24 tile hover. The other 2 columns and all product assets remain untouched. */ #store .catalog-row .tile:nth-child(-n+2) > img { width:100%; height:100%; object-fit:contain; object-position:center center; transform:none; transform-origin:center center; } /* V35 controlled test: first row COLOR/SILVER only. Higher specificity and !important neutralize inherited V32 image shrinking. Original artwork, tile hover, Transparent columns, and other rows untouched. */ #store .catalog-row:nth-child(1) .tile:nth-child(1) > img, #store .catalog-row:nth-child(1) .tile:nth-child(2) > img { width:100%; height:100%; object-fit:contain; object-position:center; transform:none !important; transform-origin:center center; } /* Keep the approved column order left-to-right in both interface languages. */ #store .catalog-head, #store .catalog-row { direction:ltr; } #store .catalog-head > :nth-child(1), #store .catalog-row > :nth-child(1) { grid-column:1; grid-row:1; } #store .catalog-head > :nth-child(2), #store .catalog-row > :nth-child(2) { grid-column:2; grid-row:1; } #store .catalog-head > :nth-child(3), #store .catalog-row > :nth-child(3) { grid-column:3; grid-row:1; } #store .catalog-head > :nth-child(4), #store .catalog-row > :nth-child(4) { grid-column:4; grid-row:1; } /* V39: approximately 1 mm visual expansion on each side at typical screen CSS density; first row COLOR/SILVER only. */ #store .catalog-row:nth-child(1) .tile:nth-child(1) > img, #store .catalog-row:nth-child(1) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V42 TEST: row 2 COLOR/SILVER only, match approved V41 row-1 display size. Do not alter row 1, transparent variants, assets or any other rows. */ #store .catalog-row:nth-child(2) .tile:nth-child(1) > img, #store .catalog-row:nth-child(2) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V43 TEST: row 3 COLOR and SILVER only; same approved display scale as row 2. */ #store .catalog-row:nth-child(3) .tile:nth-child(1) > img, #store .catalog-row:nth-child(3) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V44 TEST: only row 4 COLOR and SILVER, matching approved row 2/3 display scale. All other rows, Transparent variants, and hover/cart remain unchanged. */ #store .catalog-row:nth-child(4) .tile:nth-child(1) > img, #store .catalog-row:nth-child(4) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V45 TEST: row 5 COLOR and SILVER only. Preserve approved rows 1-3, row 4 as in V44, both Transparent variants, and store interactions. */ #store .catalog-row:nth-child(5) .tile:nth-child(1) > img, #store .catalog-row:nth-child(5) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V46 TEST: row 6 COLOR and SILVER only. Keep rows 1-5 and transparent columns unchanged. */ #store .catalog-row:nth-child(6) .tile:nth-child(1) > img, #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V47 TEST: row 7 COLOR and SILVER only. Preserve approved rows 1-6 and both Transparent columns. */ #store .catalog-row:nth-child(7) .tile:nth-child(1) > img, #store .catalog-row:nth-child(7) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V48 TEST: ONLY row 6 COLOR/SILVER slightly larger than V47 (1.028 -> 1.050). */ #store .catalog-row:nth-child(6) .tile:nth-child(1) > img, #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(1.050) !important; transform-origin:center center; } /* V49: row 6 COLOR and SILVER ONLY, 1.050 -> 1.070. Other rows and Transparent locked. */ #store .catalog-row:nth-child(6) .tile:nth-child(1) > img, #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(1.070) !important; transform-origin:center center; } /* V50: ONLY row 6 SILVER image: modest increase from 1.070 to 1.090. Row 6 yellow COLOR and all other tiles are unchanged from V49. */ #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:scale(1.090) !important; transform-origin:center center; } /* V52: row 6 SILVER ONLY. Symmetrical backing fills same displayed width as yellow at existing 1.090 scale. Artwork placement unchanged. */ /* V53: only row 8 COLOR/SILVER; preserve V52-approved row 6 and all other rows. */ #store .catalog-row:nth-child(8) .tile:nth-child(1) > img, #store .catalog-row:nth-child(8) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V54: ONLY row 8 SILVER. COLOR red and all locked items unchanged. */ #store .catalog-row:nth-child(8) .tile:nth-child(2) > img { transform:scale(1.050) !important; transform-origin:center center; } /* V55 TEST: ONLY row 9 COLOR and SILVER. Preserve V54 approved row 8 and all other rows. */ #store .catalog-row:nth-child(9) .tile:nth-child(1) > img, #store .catalog-row:nth-child(9) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V56 TEST: ONLY row 10 COLOR/SILVER. Rows 1-9 and transparent variants unchanged. */ #store .catalog-row:nth-child(10) .tile:nth-child(1) > img, #store .catalog-row:nth-child(10) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V57 TEST: row 11 COLOR and SILVER only. All approved rows 1-10 and Transparent unchanged. */ #store .catalog-row:nth-child(11) .tile:nth-child(1) > img, #store .catalog-row:nth-child(11) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V58 TEST: row 12 COLOR and SILVER only; approved rows 1-11 remain unchanged. */ #store .catalog-row:nth-child(12) .tile:nth-child(1) > img, #store .catalog-row:nth-child(12) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V59 TEST: row 13 COLOR and SILVER only. Approved rows 1-12 and both Transparent columns remain untouched. */ #store .catalog-row:nth-child(13) .tile:nth-child(1) > img, #store .catalog-row:nth-child(13) .tile:nth-child(2) > img { transform:scale(1.028) !important; transform-origin:center center; } /* V60 TEST: enlarge ONLY row 13 COLOR (yellow) to match approved SILVER. All other tiles, original artwork, hover, and cart remain unchanged. */ #store .catalog-row:nth-child(13) .tile:nth-child(1) > img { transform:scale(1.090) !important; transform-origin:center center; } /* V62: Expand ONLY the yellow backing of row 13 COLOR, leaving its image (camera, character, lettering) and its V61 transform entirely unchanged. The extra backing is behind the image, so no artwork is stretched. */ #store .catalog-row:nth-child(13) .tile:nth-child(1) { isolation:isolate; } #store .catalog-row:nth-child(13) .tile:nth-child(1)::before { content:""; position:absolute; inset:2%; border-radius:12%; background:#fff000; z-index:0; pointer-events:none; } #store .catalog-row:nth-child(13) .tile:nth-child(1) > img { position:relative; z-index:1; } /* V63: backing expanded in image pixels only; remove ineffective V62 CSS backing. */ #store .catalog-row:nth-child(13) .tile:nth-child(1)::before {display:none !important;} /* V65: catalog order from left to right, in both languages. Preserve DOM variant indices, artwork geometry and V24 hover rules. */ #store .catalog-head, #store .catalog-row { direction:ltr; } #store .catalog-head > :nth-child(1), #store .catalog-row > :nth-child(1) { grid-column:1; grid-row:1; } #store .catalog-head > :nth-child(2), #store .catalog-row > :nth-child(2) { grid-column:2; grid-row:1; } #store .catalog-head > :nth-child(4), #store .catalog-row > :nth-child(4) { grid-column:3; grid-row:1; } #store .catalog-head > :nth-child(3), #store .catalog-row > :nth-child(3) { grid-column:4; grid-row:1; } /* V66: hide only the unwanted outer frame on Public Photography Location WHITE. Clip the transparent margin without resizing or changing artwork pixels. */ img[src="assets/normalized-previews/product-04-3.webp"] { clip-path: inset(10% 10% 12% 10% round 12%); } /* V67: cover only the faint inner frame on row 6 SILVER; preserve original asset and geometry. */ img[src="assets/light-v21-previews/product-06-1.webp"] { filter:url(#v67-silver-frame-clean); } /* V68: remove perimeter halos from the two requested BLACK TRANSPARENT previews. */ img[src="assets/normalized-previews/product-03-2.webp"] { clip-path: inset(10% 10% 10% 10% round 8%); } img[src="assets/normalized-previews/product-04-2.webp"] { clip-path: inset(10% 10% 12% 10% round 12%); } /* V69: cover the faint inner frame of row 13 COLOR only. */ img[src="assets/light-v21-previews/product-13-0.webp"] { filter:url(#v69-yellow-frame-clean); } /* V70: row 12 COLOR/SILVER only. Match the Transparent artwork width (503/580 versus 1114/1254) with uniform scaling, preserving proportions. */ #store .catalog-row:nth-child(12) .tile:nth-child(1) > img, #store .catalog-row:nth-child(12) .tile:nth-child(2) > img { transform:scale(0.9763) !important; transform-origin:center center; } /* V71 EXPERIMENT: row 2 Transparent variants only. Match overall artwork width to approved COLOR/SILVER using uniform scale. Keep the tile background, original pixels, and hover transform unchanged. */ #store .catalog-row:nth-child(2) .tile:nth-child(3) > img, #store .catalog-row:nth-child(2) .tile:nth-child(4) > img { transform:translate(0.08%, -0.27%) scale(1.1412) !important; transform-origin:center center; } /* V72 EXPERIMENT: row 1 Transparent artwork aligned to COLOR. Uniform scale preserves camera and lettering proportions. Approved COLOR/SILVER tiles and approved row 2 remain unchanged. */ #store .catalog-row:nth-child(1) .tile:nth-child(3) > img, #store .catalog-row:nth-child(1) .tile:nth-child(4) > img { transform:translate(0.79%, 1.95%) scale(1.0603) !important; transform-origin:center center; } /* V73 EXPERIMENT: rows 3-13; use row-specific uniform artwork scale and alignment. Rows 1-2, approved COLOR/SILVER geometry and all source pixels are preserved. Row 12 retains its V70 width match with Transparent. */ #store .catalog-row:nth-child(3) .tile:nth-child(3) > img, #store .catalog-row:nth-child(3) .tile:nth-child(4) > img { transform:translate(1.5743%, -0.2789%) scale(1.128335) !important; transform-origin:center center; } #store .catalog-row:nth-child(4) .tile:nth-child(3) > img, #store .catalog-row:nth-child(4) .tile:nth-child(4) > img { transform:translate(0.4326%, 3.1208%) scale(1.172837) !important; transform-origin:center center; } #store .catalog-row:nth-child(5) .tile:nth-child(3) > img, #store .catalog-row:nth-child(5) .tile:nth-child(4) > img { transform:translate(0.0885%, -1.3713%) scale(1.041134) !important; transform-origin:center center; } #store .catalog-row:nth-child(6) .tile:nth-child(3) > img, #store .catalog-row:nth-child(6) .tile:nth-child(4) > img { transform:translate(1.2634%, -2.9587%) scale(1.055872) !important; transform-origin:center center; } #store .catalog-row:nth-child(7) .tile:nth-child(3) > img, #store .catalog-row:nth-child(7) .tile:nth-child(4) > img { transform:translate(-0.8625%, -1.0230%) scale(0.970713) !important; transform-origin:center center; } #store .catalog-row:nth-child(8) .tile:nth-child(3) > img, #store .catalog-row:nth-child(8) .tile:nth-child(4) > img { transform:translate(0.7973%, -1.4116%) scale(1.061462) !important; transform-origin:center center; } #store .catalog-row:nth-child(9) .tile:nth-child(3) > img, #store .catalog-row:nth-child(9) .tile:nth-child(4) > img { transform:translate(0.4961%, -1.3723%) scale(0.988027) !important; transform-origin:center center; } #store .catalog-row:nth-child(10) .tile:nth-child(3) > img, #store .catalog-row:nth-child(10) .tile:nth-child(4) > img { transform:translate(1.9702%, -0.6380%) scale(1.116116) !important; transform-origin:center center; } #store .catalog-row:nth-child(11) .tile:nth-child(3) > img, #store .catalog-row:nth-child(11) .tile:nth-child(4) > img { transform:translate(2.1560%, 0.7591%) scale(1.143059) !important; transform-origin:center center; } #store .catalog-row:nth-child(13) .tile:nth-child(3) > img, #store .catalog-row:nth-child(13) .tile:nth-child(4) > img { transform:translate(1.1502%, 2.0374%) scale(1.040497) !important; transform-origin:center center; } /* V77 TEST: single row 6 SILVER render, 12% proportional scale, clipped to original rounded card. */ #store .catalog-row:nth-child(6) .tile:nth-child(2) > img { transform:none !important; filter:url(#v77-row06-silver-size); } /* V78 TEST: row 1 COLOR and Transparent artwork inset to match SILVER reference. The COLOR source tile/background and all tile geometry remain unchanged. */ img[src$="product-01-0-aligned.webp"], img[src$="product-01-2-aligned.webp"], img[src$="product-01-3-aligned.webp"] { transform:none !important; } /* V78 TEST: reset previous row-one transforms after aligning its source artwork to SILVER. */ #store .catalog-row:nth-child(1) .tile:nth-child(3) > img, #store .catalog-row:nth-child(1) .tile:nth-child(4) > img { transform:none !important; } .download-svg{display:inline-block;margin-top:6px;color:#d3b7ff;font-size:11px;text-decoration:underline} #sizeButtons button:disabled{opacity:.45;cursor:not-allowed} /* File status: visible for every product and variant. */ #svgNotice.notice { color: #ffdf45; font-weight: 600; line-height: 1.7; margin: 18px 0; overflow-wrap: anywhere; } .purchase-license-notice{color:#ffdf45;font-size:13px;line-height:1.6}.license-accept{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:14px;line-height:1.6}.license-accept input{width:20px;height:20px;flex-shrink:0}#checkoutStatus{color:#ffdf45;line-height:1.6} /* V87: no native click/tap ring on product selection and Add to cart. */ #store .tile, #addCart { -webkit-tap-highlight-color: transparent; } #store .tile:focus:not(:focus-visible), #addCart:focus:not(:focus-visible), #store .tile.pointer-activated:focus, #addCart.pointer-activated:focus { outline: none !important; } /* V89: bounded cart list; the header and checkout remain reachable. */ .drawer { height:100vh; height:100dvh; overflow:hidden; } .drawer-top, .drawer > .cart-total, .drawer-bottom { flex-shrink:0; } #cartItems { flex:1 1 0%; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#a9a9a9 #252525; padding-inline-end:8px; } #cartItems::-webkit-scrollbar, .drawer::-webkit-scrollbar { width:9px; } #cartItems::-webkit-scrollbar-track, .drawer::-webkit-scrollbar-track { background:#252525; } #cartItems::-webkit-scrollbar-thumb, .drawer::-webkit-scrollbar-thumb { background:#a9a9a9; border:2px solid #252525; border-radius:8px; } .drawer-bottom { margin-top:0; } /* Short/zoomed windows: scroll the entire drawer so no controls are clipped. */ @media (max-height:600px) { .drawer { display:block; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; } #cartItems { overflow:visible; padding-inline-end:0; } .drawer-top { position:sticky; top:-28px; background:#151515; z-index:1; } } /* V90: smaller copyright notice in the full cart only. */ #cartItems .purchase-license-notice { font-size:11px; } /* V101: transparency background follows the actual variant, not column position. */ #store .tile.transparency[data-variant="2"]{background-color:#646464;background-image:linear-gradient(45deg,#707070 25%,transparent 25%),linear-gradient(-45deg,#707070 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#707070 75%),linear-gradient(-45deg,transparent 75%,#707070 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;} #store .tile.transparency[data-variant="3"]{background-color:#eeeeee;background-image:linear-gradient(45deg,#d2d2d2 25%,transparent 25%),linear-gradient(-45deg,#d2d2d2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d2d2d2 75%),linear-gradient(-45deg,transparent 75%,#d2d2d2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;} /* V112: catalog-only measured uniform fit; source artwork remains unchanged. */ #store .catalog-row .tile > img[src*="catalog-aligned/"] {width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:none!important;} #store .catalog-row .tile{border-radius:10.69%!important;} /* V113: Persian header placement and store typography only. */ html[lang="fa"] .header{direction:ltr;} html[lang="fa"] .header nav{direction:rtl;} html[lang="fa"] .header .mini-cart{direction:rtl;} html[lang="fa"] #store .store-heading p[data-i="storeDescription"], html[lang="fa"] #store .store-heading .count span{font-weight:700;} #store .store-heading .count > b[data-count]{font:inherit;}