:root {
    --wcc-paper: #fcfaf6;
    --wcc-ink: #18232e;
    --wcc-muted: #626b78;
    --wcc-orange: #ee531b;
    --wcc-line: #e8e4dd;
    --shop-font: Inter, Arial, sans-serif;
    --shop-display: "Plus Jakarta Sans", Inter, sans-serif;
}
html, body, .d001, .mp-native-header, .rh-header, .mpp, .mp-card, .ac-mode {
    font-family: var(--shop-font);
}
h1, h2, h3, h4, .d022, .d035, .d056, .d064, .d079, .d089, .d102, .d107, .d120, .d127, .d129, .d133, .d139, .d151, .d160,
.mp-card h3, .mp-category-hero h1, .rh-section h2, .mpp h1 {
    font-family: var(--shop-display);
}
.mp-cover { --cover-light: #fff1d6; --cover-mid: #f8c17e; --cover-deep: #bc6228; display: block; position: relative; isolation: isolate; width: 100%; overflow: hidden; background: linear-gradient(130deg,var(--cover-light),var(--cover-mid) 70%,var(--cover-deep)); }
.mp-cover-card { aspect-ratio: 16 / 9; }
.mp-cover-thumb { width: 52px; height: 52px; flex: none; border-radius: 12px; }
.mp-cover-hero { width: 40px; height: 40px; flex: none; border-radius: 10px; }
.bl-cover-theme-development { --cover-light: #e9f1ff; --cover-mid: #a9c4ed; --cover-deep: #365b94; }
.bl-cover-theme-ecommerce { --cover-light: #e9f4e8; --cover-mid: #a6c8a4; --cover-deep: #456f52; }
.bl-cover-theme-store-management { --cover-light: #e6f3ee; --cover-mid: #92c4b7; --cover-deep: #2f7066; }
.bl-cover-theme-product-updates { --cover-light: #fff0ed; --cover-mid: #eac0c5; --cover-deep: #9a5365; }
.bl-cover-theme-community { --cover-light: #f0eafa; --cover-mid: #c4afd9; --cover-deep: #765891; }
.bl-cover-theme-tutorials { --cover-light: #fff6dc; --cover-mid: #e8cc88; --cover-deep: #b38b32; }
.bl-cover-theme-guides { --cover-light: #fff1d6; --cover-mid: #f8c17e; --cover-deep: #bc6228; }
.mp-cover-geometry { position: absolute; z-index: 0; border-radius: 50%; aspect-ratio: 1; }
.mp-cover-geometry-one { width: 80%; right: -25%; top: -70%; border: 30px solid rgba(255,255,255,.15); }
.mp-cover-geometry-two { width: 65%; left: -24%; bottom: -75%; background: rgba(255,255,255,.14); }
.mp-cover-texture { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.27) .8px, transparent .8px); background-size: 12px 12px; }
.mp-cover-emblem { position: absolute; left: 36%; top: 22%; z-index: 1; display: grid; place-items: center; width: 29%; aspect-ratio: 1; border-radius: 25%; background: linear-gradient(140deg,#fffefb,rgba(255,255,255,.66)); border: 1px solid rgba(255,255,255,.53); box-shadow: 5px 10px 20px rgba(41,57,37,.09), inset 0 1px #fff; transform: rotate(-8deg); color: var(--cover-deep); }
.mp-cover-emblem svg { width: 52%; height: 52%; }
.mp-cover-detail { position: absolute; z-index: 1; display: grid; gap: 6px; width: 29%; padding: 11px; background: rgba(255,255,255,.52); border: 1px solid rgba(255,255,255,.5); border-radius: 7px; }
.mp-cover-detail i { display: block; height: 4px; border-radius: 2px; background: var(--cover-deep); opacity: .22; }
.mp-cover-detail i:last-child { width: 65%; }
.mp-cover-detail-one { left: 12%; top: 23%; transform: rotate(-12deg); }
.mp-cover-detail-two { right: 9%; bottom: 22%; transform: rotate(9deg); }
.mp-cover-brand { position: absolute; left: 8%; bottom: 10%; z-index: 1; width: 27%; opacity: .85; }
.mp-cover-brand img { display: block; width: 100%; height: auto; max-height: 22px; object-fit: contain; object-position: left; mix-blend-mode: multiply; }
.bl-cover-variant-2 .mp-cover-emblem { left: 45%; top: 24%; transform: rotate(7deg); border-radius: 50%; }
.bl-cover-variant-2 .mp-cover-geometry-one { right: auto; left: -28%; top: -70%; border-radius: 40%; }
.bl-cover-variant-3 .mp-cover-emblem { left: 23%; top: 22%; transform: rotate(-4deg); border-radius: 20% 32%; }
.mp-cover-thumb .mp-cover-emblem, .mp-cover-hero .mp-cover-emblem { width: 54%; left: 23%; top: 22%; }
.mp-cover-thumb .mp-cover-detail, .mp-cover-hero .mp-cover-detail, .mp-cover-thumb .mp-cover-brand, .mp-cover-hero .mp-cover-brand { display: none; }

.d076 { overflow: hidden; }
.d076 .mp-cover-card { margin: -4px -4px 12px; border-radius: 14px 14px 0 0; }
.mp-card .mp-cover-card { border-radius: 14px 14px 0 0; margin: 0 0 12px; }
.mp-card-image { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 14px 14px 0 0; display: block; }
.design-featured-product .mp-cover-hero { margin-right: 0; }





/* Shared marketing chrome. Keep all rules scoped away from product/demo interfaces. */
.wc-chrome{--wcc-paper:#fcfaf6;--wcc-ink:#18232e;--wcc-muted:#626b78;--wcc-orange:#ff5413;--wcc-line:#e8e4dd;font:400 16px/1.5 Inter,Inter,Arial,sans-serif;color:var(--wcc-ink);box-sizing:border-box;text-align:left;letter-spacing:normal}
.wc-chrome *,.wc-chrome *:before,.wc-chrome *:after{box-sizing:border-box}
.wc-chrome a{color:inherit;text-decoration:none}
.wc-chrome button,.wc-chrome input{font:inherit}
.wc-chrome button{cursor:pointer}
.wc-chrome svg{display:block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor}
.wc-chrome a:focus-visible,.wc-chrome button:focus-visible,.wc-chrome summary:focus-visible,.wc-chrome input:focus-visible{outline:3px solid #f17732;outline-offset:4px}
.wc-chrome summary{list-style:none;cursor:pointer}
.wc-chrome summary::-webkit-details-marker{display:none}
.wc-chrome h2,.wc-chrome p{margin:0;color:inherit;letter-spacing:normal}
.wc-chrome .wcc-logo{display:block;flex-shrink:0}
.wc-chrome .wcc-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.wc-chrome .wcc-icon-button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--wcc-line);border-radius:13px;background:#fff9;color:#23292f;padding:12px;line-height:1}
.wc-chrome .wcc-icon-button:hover{background:#fff2e7;border-color:#f4cbb2}
.wc-chrome .wcc-download{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;border:1px solid #ff6c2b;border-radius:10px;padding:13px 22px;background:linear-gradient(115deg,#ff5919,#f34b0c);color:white;font-size:1.1rem;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:inset 0 1px 2px #ffbf7555}
.wc-chrome .wcc-download:hover{background:#e9470a;color:#fff}
.wcc-header{position:sticky;top:0;z-index:200;padding:32px 2.5vw 0;background:var(--wcc-paper)}
.wcc-header .wcc-bar{display:flex;align-items:center;gap:28px;min-height:84px;padding-top:12px;padding-bottom:12px;border:1px solid var(--wcc-line);border-radius:12px;background:#fffdf9e8;box-shadow:0 12px 32px #53412807}

.wcc-header .wcc-desktop-nav{display:flex;align-items:center;margin:auto}
.wcc-header .wcc-group{position:relative}


.wcc-header .wcc-group.is-open>.wcc-group-trigger,.wcc-header .wcc-group:hover>.wcc-group-trigger,.wcc-header .wcc-group:focus-within>.wcc-group-trigger,.wcc-header .wcc-nav-link:hover{background:#fff0e5;color:#f45417}
.wcc-header .wcc-dropdown{display:none;position:absolute;top:100%;width:316px;margin-top:9px;padding:17px 21px 13px;border:1px solid var(--wcc-line);border-radius:10px;background:#fdfbf7;box-shadow:0 16px 32px #30251909;z-index:90}
.wcc-header .wcc-dropdown:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:9px}
.wcc-header .wcc-overline{display:block;font-size:0.85rem;letter-spacing:.1em;font-weight:600;margin-bottom:12px;color:#4d5863}
.wcc-header .wcc-dropdown-link{display:grid;grid-template-columns:56px minmax(0,1fr) 14px;gap:16px;align-items:start;padding:6px 0 10px}
.wcc-header .wcc-dropdown-link>i{display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffdac2;border-radius:13px;background:#fffdf6;color:#ff661c}
.wcc-header .wcc-dropdown-link>i svg{width:30px;height:30px;stroke-width:1.8}
.wcc-header .wcc-dropdown-link>span{padding-top:3px}
.wcc-header .wcc-dropdown-link strong{display:block;font-size:14px;font-weight:600;line-height:1.5}
.wcc-header .wcc-dropdown-link small{display:block;font-size:14px;font-weight:400;line-height:1.4;color:var(--wcc-muted);margin-top:3px}
.wcc-header .wcc-dropdown-link>svg{width:14px;height:18px;margin-top:17px;color:#56606b}
.wcc-header .wcc-dropdown-link:hover strong{color:#ed541b}
.wcc-header .wcc-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wcc-switchers{display:flex;align-items:center;gap:15px;margin:0;padding:0}
.wcc-switch{position:relative;display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--wcc-line);border-radius:11px;background:#fff9;color:#321b0c}
.wcc-switch:hover{background:#fff0e5;border-color:#f4cbb2;color:#ee531b}
.wcc-switch select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:650;line-height:1;min-height:42px;padding:0 26px 0 12px;max-width:118px;cursor:pointer}
.wcc-switch:after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);pointer-events:none}
.wcc-drawer-tools .wcc-switchers{padding:0 0 8px;margin:0 0 4px;border-right:0;border-bottom:1px solid #ece4d8}
.wcc-drawer-tools .wcc-switch,.wcc-drawer-tools .wcc-switch select{flex:1;max-width:none;width:100%}
.wcc-header .wcc-action-divider{display:none}
.wcc-header .wcc-menu,.wcc-header .wcc-download-short{display:none}
.wcc-header .wcc-tool{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:1px solid var(--wcc-line);border-radius:12px;background:#fff9;color:#321b0c;font-size:14px;font-weight:600;line-height:1;white-space:nowrap}
.wcc-header .wcc-tool:hover{background:#fff0e5;border-color:#f4cbb2;color:#ee531b}
.wcc-header .wcc-tool-icon{width:46px;padding:0}
.wcc-header .wcc-tool svg{width:20px;height:20px}
.wcc-header .wcc-tool-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ee531b;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.wcc-header .wcc-tool-count[hidden]{display:none}
.wcc-drawer-tools{display:grid;gap:8px;margin-top:18px}
.wcc-drawer-tools a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--wcc-line);border-radius:12px;background:#fff;color:#321b0c;font-size:14px;font-weight:600}
.wcc-drawer-tools a:hover{background:#fff0e5;color:#ee531b}
.wcc-drawer{position:fixed;inset:0 0 0 auto;width:min(365px,92vw);height:100dvh;max-height:100dvh;max-width:92vw;margin:0;padding:22px 18px;border:1px solid #e3ded5;border-radius:16px 0 0 16px;background:#fcfaf6;overflow:auto}
.wcc-drawer::backdrop,.wcc-search-dialog::backdrop,.wcc-cookie-dialog::backdrop{background:#19232c60}
.wcc-drawer .wcc-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.wcc-drawer .wcc-logo{width:170px}
.wcc-drawer .wcc-drawer-head .wcc-icon-button{border:0;background:none;width:40px;height:40px;padding:8px}
.wcc-drawer .wcc-drawer-group{border-bottom:1px solid var(--wcc-line);padding:8px 0}
.wcc-drawer .wcc-drawer-group>summary{display:flex;align-items:center;gap:15px;min-height:46px;padding:10px 12px;border-radius:9px}
.wcc-drawer .wcc-drawer-group>summary>svg:first-child{color:#ff641a;width:25px;height:25px}
.wcc-drawer .wcc-drawer-group>summary>svg:last-child{margin-left:auto;width:17px;height:17px}
.wcc-drawer .wcc-drawer-group[open]>summary{background:#fff0e5;color:#683322}
.wcc-drawer .wcc-drawer-group>div{padding:0 0 8px 53px}
.wcc-drawer .wcc-drawer-group a{display:flex;align-items:center;gap:15px;min-height:40px;color:#616b78}
.wcc-drawer .wcc-drawer-group a:before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ff681f}
.wcc-drawer>.wcc-download{margin-top:18px;width:100%;gap:14px}
.wcc-search-dialog,.wcc-cookie-dialog{width:min(600px,92vw);max-width:92vw;max-height:90dvh;padding:26px;border:1px solid #e2dcd1;border-radius:16px;background:#fcfaf6;overflow:auto}
.wc-chrome .wcc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.wc-chrome .wcc-dialog-head h2{font-size:23px!important;font-weight:600;line-height:1.3}
.wc-chrome .wcc-dialog-head .wcc-icon-button{width:40px;height:40px;padding:9px}
.wcc-search-dialog label{display:block;font-size:14px;margin-bottom:9px;color:var(--wcc-muted)}
.wcc-search-dialog form>div{display:flex;gap:10px}
.wcc-search-dialog input{min-width:0;flex:1;border:1px solid #cfc8ba;border-radius:8px;padding:12px;background:#fff;color:#26313a}
.wcc-search-dialog .wcc-search-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border:1px solid #ff6c2b;border-radius:10px;padding:12px 17px;background:linear-gradient(115deg,#ff5919,#f34b0c);color:white;font-size:1.1rem;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:inset 0 1px 2px #ffbf7555}
.wcc-search-dialog .wcc-search-submit:hover{background:#e9470a;color:#fff}
.wcc-cookie-dialog>p{font-size:14px;line-height:1.7;color:var(--wcc-muted);margin-bottom:18px}
.wcc-cookie-dialog .wcc-essential{display:flex;align-items:center;gap:10px;padding:16px 0;margin-bottom:18px;border-block:1px solid var(--wcc-line);font-size:14px}
.wcc-cookie-dialog .wcc-essential>span{margin-left:auto;font-size:0.85rem;color:var(--wcc-muted)}
.wcc-footer{position:relative;isolation:isolate;background:#fcfaf6;overflow:hidden;margin:0}
.wcc-footer:before,.wcc-footer:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:62%;height:230px;border-radius:50%;background:#ffae6b12;bottom:78px;left:-18%;transform:rotate(13deg)}
.wcc-footer:after{width:70%;left:auto;right:-28%;bottom:48px;transform:rotate(-12deg);background:#f8c79f14}
.wcc-footer .wcc-footer-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.35fr) minmax(0,1.18fr);gap:40px;padding-top:72px;padding-bottom:68px}
.wcc-footer .wcc-footer-brand{padding-right:10px}
.wcc-footer .wcc-logo{width:clamp(200px,15.5vw,320px);max-width:100%}
.wcc-footer .wcc-footer-brand>p{color:var(--wcc-muted);margin-top:18px}
.wcc-footer .wcc-socials{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}
.wcc-footer .wcc-socials .wcc-icon-button{width:48px;height:48px;padding:12px;border-radius:11px}
.wcc-footer .wcc-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-inline:1px solid var(--wcc-line);padding:4px 36px 12px}
.wcc-footer .wcc-footer-nav h2{margin-bottom:19px;color:#102135}
.wcc-footer .wcc-footer-nav a{display:flex;align-items:center;min-height:40px;color:var(--wcc-muted)}
.wcc-footer .wcc-footer-nav a:hover,.wcc-footer .wcc-legal a:hover,.wcc-footer .wcc-legal button:hover{color:#f05a21;text-decoration:underline;text-underline-offset:4px}
.wcc-footer .wcc-get-card{position:relative;isolation:isolate;align-self:start;border:1px solid #f0e8dd;border-radius:14px;padding:22px;background:linear-gradient(120deg,#fcf6ee,#fffaf3);overflow:hidden}
.wcc-footer .wcc-get-card:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-150px;bottom:-85px;border-radius:50%;background:#ffc69e3b}
.wcc-footer .wcc-get-card>i{display:grid;place-items:center;width:44px;height:42px;border-radius:10px;background:#ffe5ce;color:#ff6619;margin-bottom:12px}
.wcc-footer .wcc-get-card>i svg{width:26px;height:26px;stroke-width:2}
.wcc-footer .wcc-get-card h2{font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.3;color:#101d2c}
.wcc-footer .wcc-get-card p{font-size:1.1rem;line-height:1.5;margin-top:10px;color:#273443}
.wcc-footer .wcc-get-card>.wcc-download{margin-top:20px;width:100%;font-weight:500;justify-content:space-between;gap:15px;font-size:1.1rem;padding:12px 18px}
.wcc-footer .wcc-footer-bottom{border-top:1px solid var(--wcc-line);min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:32px}
.wcc-footer .wcc-footer-bottom>p{color:var(--wcc-muted)}
.wcc-footer .wcc-legal{display:flex;gap:24px;align-items:center;margin-left:auto}
.wcc-footer .wcc-legal a,.wcc-footer .wcc-legal button{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;padding:0;white-space:nowrap;color:var(--wcc-muted)}
.wcc-footer .wcc-language{position:relative;border-left:1px solid var(--wcc-line);padding-left:25px;flex-shrink:0}
.wcc-footer .wcc-language summary{display:flex;align-items:center;gap:13px;min-height:44px;font-size:14px;font-weight:500;color:#48515b}
.wcc-footer .wcc-language summary>svg:last-child{width:16px;height:16px}
.wcc-footer .wcc-language>div{position:absolute;z-index:5;bottom:100%;right:0;min-width:160px;padding:8px;border:1px solid var(--wcc-line);border-radius:9px;background:#fcfaf6;box-shadow:0 8px 20px #34241615}
.wcc-footer .wcc-language a{display:flex;align-items:center;min-height:40px;padding:8px 12px;font-size:14px;border-radius:6px}
.wcc-footer .wcc-language a:hover{background:#fff0e5}
body.wcc-lock{overflow:hidden!important}
@media(max-width:1250px){
.wcc-header .wcc-bar{gap:20px}


.wcc-header .wcc-header-actions{gap:15px}
.wcc-header .wcc-tool{min-height:42px;padding:0 12px;font-size:13px}
.wcc-header .wcc-tool-icon{width:42px}
.wcc-header .wcc-icon-button{width:46px;height:46px;padding:11px}
.wcc-footer .wcc-footer-main{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.wcc-footer .wcc-get-card{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:5px 18px;align-items:center}
.wcc-footer .wcc-get-card>i{grid-row:1/3;margin:0}
.wcc-footer .wcc-get-card p{margin:0;grid-column:2;font-size:14px}
.wcc-footer .wcc-get-card>.wcc-download{grid-column:3;grid-row:1/3;margin:0;width:auto}
.wcc-footer .wcc-footer-bottom{flex-wrap:wrap;gap:12px 25px}
.wcc-footer .wcc-footer-bottom>p{flex:1 1 100%}
.wcc-footer .wcc-legal{margin-left:0}
.wcc-footer .wcc-language{margin-left:auto}
}
@media(max-width:1000px){
.wcc-header{padding:20px 3vw 0}
.wcc-header .wcc-desktop-nav{display:none}
.wcc-header .wcc-menu{display:inline-flex;flex-shrink:0;border:0;background:transparent;padding:7px}
.wcc-header .wcc-bar{min-height:76px;padding-top:12px;padding-bottom:12px;gap:15px}

.wcc-header .wcc-header-actions{margin-left:auto}
.wcc-header .wcc-action-divider{display:none}
.wcc-header .wcc-tool-account span{max-width:88px;overflow:hidden;text-overflow:ellipsis}
.wcc-header .wcc-switch select{max-width:92px;min-height:38px;font-size:12px}
.wcc-footer .wcc-footer-main{padding-top:50px;padding-bottom:50px}
.wcc-footer .wcc-footer-nav{padding:4px 0 12px 26px;gap:20px;border-right:0}


}
@media(max-width:650px){
.wcc-header{padding:14px 3vw 0}
.wcc-header .wcc-bar{padding-top:10px;padding-bottom:10px;gap:8px;min-height:66px}

.wcc-header .wcc-menu{width:32px;height:38px;padding:4px}
.wcc-header .wcc-header-actions{gap:15px}
.wcc-header .wcc-icon-button{width:38px;height:40px;padding:8px;border-radius:10px}
.wcc-header .wcc-github{display:none}
.wcc-header .wcc-tool{min-height:38px;border-radius:10px}
.wcc-header .wcc-tool-account span{display:none}
.wcc-header .wcc-tool-account,.wcc-header .wcc-tool-icon{width:38px;padding:0}
.wcc-header .wcc-switch select{max-width:72px;padding:0 22px 0 8px;font-size:12px}
.wcc-footer .wcc-footer-main{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:42px;padding-bottom:42px}
.wcc-footer .wcc-logo{width:220px}

.wcc-footer .wcc-footer-nav{padding:0;border:0;gap:15px}
.wcc-footer .wcc-footer-nav h2{margin-bottom:12px}
.wcc-footer .wcc-footer-nav a{min-height:44px}
.wcc-footer .wcc-get-card{grid-column:auto;display:block;padding:22px}
.wcc-footer .wcc-get-card>i{margin-bottom:12px}
.wcc-footer .wcc-get-card h2{font-size:24px}
.wcc-footer .wcc-get-card p{margin-top:8px}
.wcc-footer .wcc-get-card>.wcc-download{margin-top:19px;width:100%;font-size:15px}
.wcc-footer .wcc-footer-bottom{padding-top:22px;padding-bottom:30px;gap:15px;justify-content:flex-start}

.wcc-footer .wcc-legal{gap:8px 22px;flex-wrap:wrap;width:100%}

.wcc-footer .wcc-language{margin-left:0;border:0;padding:0}
.wcc-search-dialog,.wcc-cookie-dialog{padding:20px}
.wcc-search-dialog form>div{flex-wrap:wrap}
.wcc-search-dialog input{min-height:48px;flex-basis:100%}
}
@media(max-width:370px){.wcc-header .wcc-bar{gap:6px;padding-top:9px;padding-bottom:9px}.wcc-header .wcc-header-actions{gap:15px}.wcc-header .wcc-tool-account,.wcc-header .wcc-tool-icon{width:34px}.wcc-header .wcc-menu{width:28px}}
@media(prefers-reduced-motion:reduce){.wc-chrome *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Isolate typography and root spacing from legacy page and demo styles. */
.wc-chrome,.wc-chrome *{font-family:Inter,Inter,Arial,sans-serif!important}
.wcc-header{border:0;box-shadow:none;margin:0;max-width:none}
.wcc-footer{padding:0;border:0;box-shadow:none;max-width:none}

/* Full-width site header, retaining the shared navigation and content. */
.wcc-header{position:sticky;top:0;z-index:200;width:100%;padding:0;background:#fff;border-bottom:1px solid #ece7df;border-radius:0;box-shadow:none;overflow:visible}
html.admin-bar .wcc-header{top:32px}
@media(max-width:782px){html.admin-bar .wcc-header{top:46px}}
.wcc-header .wcc-bar{min-height:84px;padding-top:12px;padding-bottom:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.wcc-header .wcc-logo{width:200px}
@media(max-width:1250px){.wcc-header .wcc-bar{gap:20px}.wcc-header .wcc-logo{width:170px}}
@media(max-width:1000px){.wcc-header .wcc-bar{min-height:76px;gap:15px}.wcc-header .wcc-logo{width:180px}}
@media(max-width:650px){.wcc-header .wcc-bar{min-height:66px;padding-top:10px;padding-bottom:10px;gap:8px}.wcc-header .wcc-logo{width:140px}}
@media(max-width:370px){.wcc-header .wcc-bar{gap:6px;padding-top:9px;padding-bottom:9px}.wcc-header .wcc-logo{width:112px}}
@media(min-width:1001px){
  .wcc-header .wcc-desktop-nav{position:relative}
  .wcc-header .wcc-group{z-index:1}
  .wcc-header .wcc-group:hover,.wcc-header .wcc-group:focus-within,.wcc-header .wcc-group.is-open{z-index:2}
  .wcc-header .wcc-group:hover>.wcc-dropdown,
  .wcc-header .wcc-group:focus-within>.wcc-dropdown,
  .wcc-header .wcc-group.is-open>.wcc-dropdown{display:block}
}

/* Marketing footer (ft-footer) ships with shared chrome so demo and WP pages match. */

.ft-footer{padding:20px 0 30px;background:#fff}
.ft-footer-grid{display:grid;grid-template-columns:2.3fr repeat(4,1fr);gap:50px}
.ft-footer .brand-logo{width:180px;height:auto}
.ft-footer p{font-size:15px;line-height:1.5;max-width:320px;margin:15px 0;color:#8d8175}
.ft-footer h3{font-size:15px;margin:0 0 16px;letter-spacing:0}
.ft-footer-grid>div>a:not(:first-child),.ft-footer-grid>div:not(:first-child)>a,.ft-footer-grid button.dl-open-gate{display:block;font-size:14px;line-height:1.45;color:#8d8175;margin-bottom:10px}
.ft-footer-grid button.dl-open-gate{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.ft-footer-grid a:hover,.ft-footer-grid button.dl-open-gate:hover{color:#f05a21 !important;}
.ft-footer-icons{display:flex;gap:13px}
.ft-footer-icons .ui-icon,.ft-footer-icons .wc-icon{width:18px;height:18px;color:#6d5b4a}
.ft-footer-bottom{display:flex;justify-content:space-between;font-size:14px;color:#a1968a;margin-top:40px}
.ft-footer-bottom b{color:#d55a42}
@media(max-width:1400px){.ft-footer-grid{gap:30px}}
@media(max-width:1050px){.ft-footer-grid{grid-template-columns:repeat(4,1fr);gap:25px}.ft-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.ft-footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.ft-footer-grid>div:first-child{grid-column:1/-1}.ft-footer-bottom{gap:15px;flex-direction:column;margin-top:25px}}

.d018.mh-hero, .mh-hero { background: #FCFAF5; color: #321B0C; padding: 20px 0 8px; }
.mh-hero-grid {padding-top:12px;padding-bottom:8px;display: grid;grid-template-columns: minmax(320px, 1.1fr) minmax(240px, .85fr) minmax(280px, 340px);gap: 28px;align-items: center}
.mh-hero .d022 { font-size: clamp(36px, 4.4vw, 56px); letter-spacing: -0.045em; }
.mh-hero .d023 { color: #EE531B; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px; }
.mh-hero .d024 { max-width: 520px; }
.mh-hero .d029 { border-radius: 999px; padding: 0 28px; }
.mh-hero .d025 { border-radius: 999px; padding: 6px 6px 6px 16px; }
.mh-stage { position: relative; min-height: 380px; }
.mh-podium { position: absolute; left: 8%; right: 8%; bottom: 28px; height: 88px; background: radial-gradient(ellipse at center, #ffe3b0 0%, #fff3d4 42%, transparent 72%); border-radius: 50%; }
.mh-shop { position: absolute; left: 50%; top: 54%; width: 176px; height: 176px; margin: -100px 0 0 -88px; background: linear-gradient(180deg, #fff, #fff6ea); border-radius: 32px; box-shadow: 0 28px 50px rgba(238, 83, 27, 0.14), inset 0 1px 0 #fff; }
.mh-shop:after { content: ""; position: absolute; left: 50%; bottom: 18px; width: 36px; height: 44px; margin-left: -18px; border-radius: 10px 10px 6px 6px; background: #FFE4C4; }
.mh-awning { position: absolute; left: 14px; right: 14px; top: -14px; height: 26px; border-radius: 12px 12px 6px 6px; background: repeating-linear-gradient(90deg, #EE531B 0 16px, #fff 16px 28px); box-shadow: 0 8px 0 #f4c7ae; }
.mh-tile { position: absolute; left: 50%; top: 46%; width: 86px; height: 86px; margin: -52px 0 0 -43px; background: #fff; border-radius: 22px; box-shadow: 0 12px 24px rgba(50, 27, 12, 0.08); }
.mh-tile:before { content: ""; position: absolute; inset: 14px; border-radius: 16px; background: linear-gradient(180deg, #FFF4E3, #FFE0C2); }
.mh-puzzle { position: absolute; left: 50%; top: 46%; width: 36px; height: 36px; margin: -27px 0 0 -18px; background: #EE531B; border-radius: 8px; }
.mh-puzzle:before, .mh-puzzle:after { content: ""; position: absolute; background: #EE531B; border-radius: 50%; }
.mh-puzzle:before { width: 14px; height: 14px; right: -7px; top: 11px; }
.mh-puzzle:after { width: 14px; height: 14px; left: 11px; bottom: -7px; }
.mh-float { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: #fff; border: 1px solid #ECDFD2; border-radius: 14px; box-shadow: 0 10px 24px rgba(50, 27, 12, 0.06); font-size: 13px; font-weight: 600; color: #321B0C; white-space: nowrap; }
.mh-float i { width: 22px; height: 22px; border-radius: 8px; display: block; }
.mh-float-pay { top: 18%; left: 0; } .mh-float-pay i { background: #FFE4C7; }
.mh-float-ship { top: 28%; right: 0; } .mh-float-ship i { background: #FFD9C2; }
.mh-float-b2b { top: 8%; right: 18%; } .mh-float-b2b i { background: #F3E8FF; }
.mh-float-mkt { bottom: 22%; right: 4%; } .mh-float-mkt i { background: #FFE0D6; }
.mh-featured { background: #fff; border: 1px solid #F0E6D8; border-radius: 22px; padding: 22px; box-shadow: 0 18px 40px rgba(50, 27, 12, 0.06); }
.mh-featured .d035 { font-size: 20px; }
.mh-featured-icons { display: flex; gap: 10px; }
.mh-featured-icons span { width: 40px; height: 40px; border-radius: 12px; background: #FCFAF5; border: 1px solid #F0E6D8; display: grid; place-items: center; color: #8A7466; }
.mh-featured-icons svg { width: 18px; height: 18px; }
.mh-featured .d047 { border-radius: 999px; }

.mh-trust { background: #fff; border-bottom: 1px solid #F0E6D8; }
.mh-trust .d049 {padding-top:28px;padding-bottom:28px}
.mh-trust-icon { width: 48px; height: 48px; border-radius: 50%; }
.mh-trust-icon svg { width: 22px; height: 22px; }
.mh-trust-0 { background: #FFF1E4; color: #EE531B; }
.mh-trust-1 { background: #FFF6D8; color: #E39B00; }
.mh-trust-2 { background: #FFF3EA; color: #EE531B; }
.mh-trust-3 { background: #FFE8D8; color: #C64B00; }

.mh-goals { padding-top: 56px; }
.mh-goals .d056 { font-size: clamp(32px, 4vw, 44px); }
.mh-goals-more { color: #EE531B; }
.mh-goal { border-radius: 24px; padding: 24px; min-height: 280px; display: flex; flex-direction: column; gap: 16px; border: 1px solid transparent; }
.goal-sell { background: #fff; border-color: #F0E6D8; }
.goal-protect { background: #FFF1E6; }
.goal-ship { background: #F4EEFF; }
.goal-return { background: #EAF8EE; }
.mh-goal .d062 { background: #fff; color: #8A7466; font-size: 12px; font-weight: 600; }
.mh-goal-icon { width: 64px; height: 64px; display: grid; place-items: center; }
.mh-goal-icon svg { width: 56px; height: 56px; }
.mh-goal .d064 { font-size: 28px; }
.mh-goal .d066 { justify-content: flex-start; gap: 10px; border-top-color: rgba(50, 27, 12, 0.08); }
.mh-check { width: 18px; height: 18px; border-radius: 50%; background: #EE531B; color: #fff; font-size: 11px; font-weight: 700; display: inline-grid; place-items: center; flex: none; }
.mh-goal .d066 span:last-child { margin-left: auto; color: #C64B00; }

@media (max-width: 1100px) {
    .mh-hero-grid { grid-template-columns: 1fr 320px; }
    .mh-stage { display: none; }
}
@media (max-width: 820px) {
    .mh-hero-grid { grid-template-columns: 1fr; }
}

.wcc-header .wcc-group { position: relative; }
.wcc-header .wcc-dropdown { display: none !important; position: absolute !important; top: 100% !important; width: 316px !important; z-index: 90 !important; }
.wcc-header svg { width: 24px; height: 24px; max-width: 32px; max-height: 32px; }
.wcc-header .wcc-dropdown-link > i { display: grid !important; place-items: center; width: 56px !important; height: 56px !important; overflow: hidden; }
.wcc-header .wcc-dropdown-link > i svg { width: 30px !important; height: 30px !important; }
@media (min-width: 1001px) {
    .wcc-header .wcc-group:hover > .wcc-dropdown,
    .wcc-header .wcc-group:focus-within > .wcc-dropdown,
    .wcc-header .wcc-group.is-open > .wcc-dropdown { display: block !important; }
}

.wcc-header .wcc-group.wcc-ext { position: static; }
.wcc-mega-ext {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 10px;
    z-index: 250;
    width: min(1080px, calc(100vw - 48px));
    transform: translateX(-50%);
    grid-template-columns: 230px minmax(0, 1fr) 280px;
    gap: 0;
    background: #fff;
    border: 1px solid #ece7df;
    border-radius: 16px;
    box-shadow: 0 22px 48px rgba(50, 27, 12, 0.10);
    overflow: hidden;
}
@media (min-width: 1001px) {
    .wcc-header .wcc-ext:hover > .wcc-mega-ext,
    .wcc-header .wcc-ext:focus-within > .wcc-mega-ext,
    .wcc-header .wcc-ext.is-open > .wcc-mega-ext { display: grid; }
}
.wcc-mega-need, .wcc-mega-features { padding: 22px 26px 24px; }
.wcc-mega-need { border-right: 1px solid #f0e6d8; background: #fcfaf6; }
.wcc-mega-need .wcc-overline, .wcc-mega-features .wcc-overline { margin-bottom: 14px; }
.wcc-need-link, .wcc-feature-link {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #333b45;
    text-decoration: none;
}
.wcc-need-link { position: relative; padding-left: 14px; }
.wcc-need-link.is-active, .wcc-need-link:hover {
    background: #fff;
    color: #ee531b;
    box-shadow: inset 3px 0 0 #ee531b;
}
.wcc-mega-features-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.wcc-mega-all { font-size: 13px; font-weight: 700; color: #ee531b; text-decoration: none; white-space: nowrap; }
.wcc-mega-all:hover { text-decoration: underline; }
.wcc-mega-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 28px; }
.wcc-feature-link:hover { color: #ee531b; background: #fff6ee; }
.wcc-mega-promo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px 20px;
    background: #eaf8ee;
}
.wcc-mega-promo-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.03em;
    color: #18232e;
    text-decoration: none;
}
.wcc-mega-promo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 600;
    color: #18232e;
    text-decoration: none;
}
.wcc-mega-promo-link i {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff6b6b;
    box-shadow: inset 0 0 0 5px #fff;
}
.wcc-mega-promo-link i.is-mark { background: #18232e; border-radius: 5px; box-shadow: none; }
.wcc-mega-promo-link span { margin-left: auto; color: #8a7466; }
.wcc-mega-promo-link:hover { color: #ee531b; }
@media (max-width: 1100px) {
    .wcc-mega-ext { grid-template-columns: 200px minmax(0, 1fr); }
    .wcc-mega-promo { display: none; }
}
@media (max-width: 1000px) {
    .wcc-mega-ext { display: none !important; }
}

.mh-footer { background: #fcfaf6; color: #321B0C; border-top: 1px solid #ece7df; }
.mh-footer-inner {padding-top:56px;padding-bottom:28px}
.mh-footer-grid { display: grid; grid-template-columns: minmax(220px, 1.3fr) repeat(3, minmax(140px, 1fr)); gap: 36px 40px; }
.mh-footer-brand p {margin: 14px 0 0;max-width: 280px;color: #75675e}
.mh-footer-logo { display: inline-block; width: min(188px, 100%); background: transparent; }
.mh-footer-logo img { display: block; width: 100%; height: auto; background: transparent; }
.mh-footer-col { display: flex; flex-direction: column; gap: 6px; }
.mh-footer-col span {margin-bottom: 8px;color: #c64b00}
.mh-footer-col a {color: #3d2a1c;padding: 4px 0;text-decoration: none}
.mh-footer-col a:hover { color: #ee531b; }
.mh-footer-bottom {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 24px;margin-top: 40px;padding-top: 22px;border-top: 1px solid #ece7df;color: #8a7466}
.mh-footer-bottom p { margin: 0; }
.mh-footer-bottom a { color: #8a7466; text-decoration: none; margin-left: 18px; }
.mh-footer-bottom a:first-child { margin-left: 0; }
.mh-footer-bottom a:hover { color: #ee531b; }
@media (max-width: 900px) {
    .mh-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
    .mh-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .mh-footer-grid { grid-template-columns: 1fr; }
    .mh-footer-bottom { flex-direction: column; }
}


/* WCC_TRUST_GOALS_V2 */

/* ==========================================================================
   WCC EXACT TRUST & GOALS SECTION - 2026-11-02
   ========================================================================== */

/* Trust Section */
.mh-trust-section {
    background: transparent;
    padding: 0 0 40px;
}
.mh-trust-bar {background: #FFFFFF;border: 1px solid #EDE4D8;border-radius: 18px;padding-top:16px;padding-bottom:16px;box-shadow: 0 8px 24px rgba(50, 27, 12, 0.03);display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;align-items: center}
.mh-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.mh-trust-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
}
.mh-trust-icon-img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: block;
    object-fit: cover;
}
.mh-trust-content {
    display: flex;
    flex-direction: column;
}
.mh-trust-title {
    font-size: 13.5px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 2px;
    letter-spacing: -0.01em;
    line-height: 1.2;
}
.mh-trust-text {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    color: #6B7280;
    line-height: 1.35;
}

/* Goals / Outcome Section */
.mh-goals-section {margin-bottom:60px;padding-top:10px;padding-bottom:0}
.mh-goals-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}
.mh-goals-title {
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 800;
    letter-spacing: -0.035em;
    color: #111827;
    line-height: 1.15;
    margin-bottom: 6px;
}
.mh-goals-title .store-wrapper {
    position: relative;
    display: inline-block;
}
.mh-goals-title .swoosh-store {
    position: absolute;
    left: -4px;
    bottom: -6px;
    width: calc(100% + 8px);
    height: 12px;
    overflow: visible;
}
.mh-goals-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #4B5563;
}
.mh-goals-browse-link {
    color: #EA580C;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    transition: gap 0.15s, color 0.15s;
    padding-bottom: 3px;
}
.mh-goals-browse-link:hover {
    color: #C2410C;
    gap: 8px;
}

/* 4 Cards Grid */
.mh-goals-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.mh-goal-card {
    border-radius: 22px;
    padding: 18px 18px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 260px;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.mh-goal-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.mh-goal-card.goal-sell { background-color: #FCEDC7; }
.mh-goal-card.goal-protect { background-color: #FCE9DC; }
.mh-goal-card.goal-ship { background-color: #EDE3FB; }
.mh-goal-card.goal-return { background-color: #E3F8E1; }

.mh-goal-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8px;
}
.mh-goal-modules-pill {
    display: inline-block;
    padding: 3px 11px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 14px;
}
.mh-goal-modules-pill.pill-sell { background: #FDE8B3; color: #9A6700; }
.mh-goal-modules-pill.pill-protect { background: #FDDEC8; color: #C2410C; }
.mh-goal-modules-pill.pill-ship { background: #E2D4FD; color: #6D28D9; }
.mh-goal-modules-pill.pill-return { background: #D0F4CE; color: #15803D; }

.mh-goal-3d-graphic {
    width: 72px;
    height: 62px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.05));
    display: block;
    margin-left: auto;
}

.mh-goal-title {
    font-size: 21px;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.025em;
    line-height: 1.18;
    margin-bottom: 18px;
}

.mh-goal-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mh-goal-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1F2937;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: transform 0.15s, color 0.15s;
}
.mh-goal-link:hover {
    color: #111827;
    transform: translateX(2px);
}
.mh-goal-check {
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0;
}
.goal-sell .mh-goal-check { color: #EA580C; }
.goal-protect .mh-goal-check { color: #EA580C; }
.goal-ship .mh-goal-check { color: #7C3AED; }
.goal-return .mh-goal-check { color: #EA580C; }

.mh-goal-link-label {
    flex: 1;
}
.mh-goal-arrow {
    margin-left: auto;
    font-size: 13px;
    color: #1F2937;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1024px) {
    .mh-trust-bar {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
    .mh-goals-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .mh-trust-bar {grid-template-columns: 1fr;padding-top:16px;padding-bottom:16px}
    .mh-goals-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .mh-goals-grid {
        grid-template-columns: 1fr;
    }
}
/* Text-only dropdown rows use two columns; icon rows keep the three-column layout. */
.wcc-header #wcc-menu-developers .wcc-dropdown-link,.wcc-header #wcc-menu-resources .wcc-dropdown-link{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:16px;width:100%;padding:12px 0;align-items:start}
.wcc-header #wcc-menu-developers .wcc-dropdown-link>span:first-child,.wcc-header #wcc-menu-resources .wcc-dropdown-link>span:first-child{width:auto;min-width:0;max-width:none;padding:0}
.wcc-header #wcc-menu-developers .wcc-dropdown-link>span:last-child,.wcc-header #wcc-menu-resources .wcc-dropdown-link>span:last-child{width:16px;padding:0;margin-top:2px}
.wcc-header #wcc-menu-developers .wcc-dropdown-link strong,.wcc-header #wcc-menu-resources .wcc-dropdown-link strong{font-size:14px;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal}
.wcc-header #wcc-menu-developers .wcc-dropdown-link small,.wcc-header #wcc-menu-resources .wcc-dropdown-link small{font-size:13px;line-height:1.5;margin-top:5px;white-space:normal;word-break:normal;overflow-wrap:normal}
.lower-spotlight-panel:has(picture){min-height:300px}.lower-gift-art{object-fit:contain}.lower-service-art{width:130px;height:130px;object-fit:contain;flex:none}.lower-ctas:has(>.lower-cta:only-child){grid-template-columns:1fr}
.dc-hero-art{width:94px;height:94px;top:14px}.dc-hero-art svg{width:54px;height:54px}.dc-item-actions button{font-size:24px}.dc-item-price{min-width:65px}.dc-summary .dc-muted>strong{float:right}.dc-compat-warning{display:block;font-size:11px;line-height:1.4;color:#a24000;background:#fff3dd;border-radius:6px;padding:6px 8px;margin-top:8px}

/* Keep the shared header inside the same rail on laptop viewports. */
@media(max-width:1023px){.wcc-header .wcc-desktop-nav{display:none}.wcc-header .wcc-menu{display:inline-flex;flex-shrink:0}}
/* Marketplace search overlay — WentoCart theme. */
.wcc-search-dialog{width:min(1160px,calc(100vw - 48px));max-width:none;height:min(700px,86dvh);max-height:86dvh;margin:auto;padding:0;border:1px solid #3a4557;border-radius:18px;background:#121827;color:#f8fafc;box-shadow:0 28px 80px #07101f80;overflow:hidden}.wcc-search-dialog::backdrop{background:#07101fb8;backdrop-filter:blur(5px)}.wcc-search-panel{display:flex;flex-direction:column;height:100%;overflow:auto}.wcc-search-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px 13px}.wcc-search-brand{display:flex;align-items:center;gap:11px}.wcc-search-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#ff7b31,#f24712);color:#fff}.wcc-search-mark svg{width:20px}.wcc-search-brand h2{margin:0;color:#fff;font-size:18px;letter-spacing:-.35px}.wcc-search-brand p{margin:3px 0 0;color:#aab5c6;font-size:12px}.wcc-search-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3b4557;border-radius:10px;background:#202838;color:#d5dce7;cursor:pointer}.wcc-search-close:hover{background:#ff5520;border-color:#ff5520;color:#fff}.wcc-search-close svg{width:20px}.wcc-search-form{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:0;margin:0 24px;padding:0;border:1px solid #465165;border-radius:12px;background:#1d2534;overflow:hidden}.wcc-search-field{position:relative;display:flex!important;align-items:center;gap:11px;margin:0!important;padding:0 14px;border:0!important;color:#9cacbf!important}.wcc-search-field>svg{width:19px;flex:0 0 auto;color:#acb8ca}.wcc-search-field input{min-height:52px!important;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;outline:0}.wcc-search-field input::placeholder{color:#98a5b7}.wcc-search-clear{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:#374154;color:#dae0e9;font-size:18px;cursor:pointer}.wcc-search-category{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:0 14px;border:0!important;border-left:1px solid #465165;color:#d4dbe6!important}.wcc-search-category>svg{width:18px;color:#ff742d}.wcc-search-category select{width:100%;min-height:52px;border:0;background:transparent;color:#fff;font:600 13px/1 Inter,Arial,sans-serif;outline:0}.wcc-search-category option{background:#1d2534;color:#fff}.wcc-search-panel>[data-wcc-search-body],.wcc-search-panel>[data-wcc-search-results]{padding:0 24px 25px}.wcc-search-block{margin-top:23px}.wcc-search-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px}.wcc-search-head h3{margin:0;color:#dce4ef;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.wcc-search-head button,.wcc-search-head a{border:0;background:transparent;color:#ff7a35;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.wcc-search-chips{display:flex;flex-wrap:wrap;gap:8px}.wcc-search-chip{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 12px;border:1px solid #3a4557;border-radius:999px;background:#192131;color:#d9e0ea;font-size:12px}.wcc-search-chip button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.wcc-search-chip:hover{border-color:#ff6c2b;background:#2c2931}.wcc-search-chip svg{width:15px;color:#ff742d}.wcc-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wcc-search-card{position:relative;min-width:0;border:1px solid #303b4e;border-radius:13px;background:#1b2332;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.wcc-search-card:hover{transform:translateY(-2px);border-color:#ff6930;box-shadow:0 10px 25px #060c164d}.wcc-search-card>a{display:block;color:#fff;text-decoration:none}.wcc-search-media{position:relative;display:grid;place-items:center;height:130px;background:linear-gradient(145deg,#fffaf5,#f1e9e0);overflow:hidden}.wcc-search-media>img{width:100%;height:100%;object-fit:contain;padding:10px}.wcc-search-fallback{display:grid;place-items:center;width:66px;height:66px;border-radius:16px;background:linear-gradient(135deg,#ff913f,#f34916);color:#fff;font-size:26px;font-weight:800}.wcc-search-media em{position:absolute;top:9px;left:9px;padding:4px 7px;border-radius:999px;background:#30394a;color:#fff;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.wcc-search-copy{display:block;padding:11px 12px 13px}.wcc-search-kicker{display:block;margin-bottom:4px;color:#ff8b51;font-size:10px;font-weight:700;text-transform:uppercase}.wcc-search-copy strong{display:block;min-height:34px;color:#fff;font-size:13px;line-height:1.3}.wcc-search-meta{display:flex;align-items:center;gap:6px;margin-top:7px;color:#a6b2c3;font-size:11px}.wcc-search-price{margin-left:auto;color:#68d391;font-size:12px}.wcc-search-wish{position:absolute;right:9px;bottom:10px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;background:#293346;color:#d7deeb;cursor:pointer}.wcc-search-wish:hover,.wcc-search-wish.is-saved{color:#fff;background:#ff5520}.wcc-search-wish svg{width:16px}.wcc-search-empty{margin:0;padding:20px;border:1px dashed #3a465a;border-radius:12px;color:#aab5c6;font-size:13px;text-align:center}.wcc-search-suggest{position:absolute;z-index:4;top:137px;left:24px;right:214px;border:1px solid #435066;border-radius:12px;background:#1c2535;box-shadow:0 14px 35px #070d1770;overflow:hidden}.wcc-search-option{display:flex;flex-direction:column;width:100%;gap:3px;padding:12px 14px;border:0;border-bottom:1px solid #344055;background:transparent;color:#fff;text-align:left;cursor:pointer}.wcc-search-option:last-child{border:0}.wcc-search-option:hover,.wcc-search-option[aria-selected="true"]{background:#293449}.wcc-search-option strong{font-size:13px}.wcc-search-option span{color:#a5b2c4;font-size:11px}.wcc-search-count{margin:4px 0 0;color:#9daabd;font-size:12px}
@media(max-width:720px){.wcc-search-dialog{width:calc(100vw - 22px);height:min(740px,92dvh);max-height:92dvh;border-radius:14px}.wcc-search-hero{padding:17px 16px 10px}.wcc-search-brand p{display:none}.wcc-search-form{grid-template-columns:1fr;margin:0 16px}.wcc-search-category{border-top:1px solid #465165;border-left:0}.wcc-search-panel>[data-wcc-search-body],.wcc-search-panel>[data-wcc-search-results]{padding:0 16px 20px}.wcc-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wcc-search-media{height:110px}.wcc-search-copy{padding:9px 10px 12px}.wcc-search-copy strong{font-size:12px}.wcc-search-suggest{top:128px;left:16px;right:16px}.wcc-search-chips{gap:6px}.wcc-search-chip{padding:0 10px;font-size:11px}}