:root{font-family:Inter,Arial,sans-serif;color:#321B0C;background:#fff;font-synthesis:none;--orange:#EE531B;--dark-orange:#C64B00;--cream:#fff7ec;--line:#ececf0;--muted:#6c748b}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff9d60;outline-offset:3px}button{border:0}img{max-width:100%}.icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.site-header{height:92px;border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;height:100%;gap:50px}.logo{display:block;width:180px;flex-shrink:0}.logo img{display:block;width:100%;height:56px;object-fit:contain}.header-inner nav{display:flex;align-items:center;gap:32px;flex:1;font-size:14px}.header-inner nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff;width:39px;height:39px}.cart-count{position:relative;border:0}.cart-count span{position:absolute;top:0;right:0;background:var(--orange);color:#fff;border-radius:20px;font-size:10px;min-width:16px;text-align:center}.account-link{background:#fff6ec;padding:9px 15px;border-radius:6px;white-space:nowrap}.preview-bar{font-size:10px;letter-spacing:1.1px;text-align:center;background:#fff8f0;padding:7px 12px;color:#975000;border-bottom:1px solid #ffedd9}.hero{background:radial-gradient(ellipse at 86% 30%,#ffdfb4 0,transparent 48%),linear-gradient(120deg,#fffaf5,#fff9f1);overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;padding-top:55px;padding-bottom:55px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--orange);font-weight:700;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.1vw,54px);line-height:1.1;letter-spacing:-1.7px;margin-bottom:22px}h2{font-size:25px;line-height:1.3;letter-spacing:-.65px;margin-bottom:18px}h3{font-size:16px;line-height:1.4;margin-bottom:8px}em{color:var(--orange);font-style:normal}.lead{color:#5c657c;font-size:17px;max-width:650px;line-height:1.65;margin-bottom:27px}.search-form{display:flex;max-width:660px;height:56px;background:#fff;border:1px solid #d9dce4;border-radius:7px;overflow:hidden;box-shadow:0 5px 14px #78370005}.search-form input{width:100%;min-width:0;border:0;padding:0 18px;font-size:13px;background:transparent}.search-form button{width:62px;flex-shrink:0;background:var(--orange);color:#fff}.popular{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;margin-top:13px}.popular a{padding:3px 8px;border-radius:20px;background:#fff;border:1px solid #f5e8d9}.popular a:hover{border-color:var(--orange)}.hero-art{position:relative;padding-top:65px;transform:rotate(-2deg);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-15% -8%;border-radius:50%;background:#ffb75d20;z-index:-1}.laptop{background:#fff;border:8px solid #321B0C;border-bottom:14px solid #321B0C;border-radius:17px 17px 5px 5px;box-shadow:0 18px 30px #70360022}.browser-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#f7f8fb;color:#a1a1ad;font-size:8px}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#ff715b}.browser-bar i:nth-child(2){background:#f4be44}.browser-bar i:nth-child(3){background:#61be88}.browser-bar span{margin:auto}.mock-app{display:grid;grid-template-columns:25% 75%;min-height:240px}.mock-app aside{padding:13px 8px;background:#fafafa;font-size:8px;color:#73788a}.mock-app aside img{width:85%;margin-bottom:15px}.mock-app aside p{padding:3px;margin-bottom:8px}.mock-app aside .active{background:#FFF0DC;color:var(--orange)}.mock-app>div{padding:15px}.mock-app h3{font-size:12px}.mock-app>div>p{font-size:8px;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid>div{border:1px solid var(--line);border-radius:5px;padding:10px 5px;text-align:center}.mini-grid .brand{width:28px;height:28px;font-size:11px;margin:0 auto 6px;border-radius:5px}.mini-grid .icon{width:15px;height:15px}.mini-grid small{font-size:6px;display:block}.laptop-foot{height:10px;margin:0 -20px;background:linear-gradient(#d8d6d1,#8e8b85);border-radius:0 0 50% 50%}.orbit{position:absolute;z-index:2;filter:drop-shadow(0 7px 12px #a15f1722)}.orbit .brand{border:5px solid white}.o1{top:0;left:6%}.o2{top:-25px;right:20%}.o3{top:30px;right:-15px}.brand{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;box-shadow:inset 0 0 0 1px #ffffff25}.brand .icon{width:35px;height:35px}.purple{background:linear-gradient(140deg,#6948ff,#4930e6);color:#fff}.blue{background:linear-gradient(140deg,#227eff,#0056ab);color:#fff}.yellow{background:#ffdb26;color:#c42b08;font-style:italic;font-size:23px}.orange{background:linear-gradient(140deg,#ff891f,#ff4d00);color:#fff}.green{background:linear-gradient(140deg,#34c6a4,#028963);color:#fff}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px}.trust-strip>div{display:flex;align-items:center;gap:16px}.trust-strip>div>.icon{color:var(--orange);background:#fff2e1;border-radius:50%;width:50px;height:50px;padding:13px}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:14px}.trust-strip small{font-size:12px;color:var(--muted);margin-top:3px}.section{padding-top:35px;padding-bottom:35px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>a{font-size:13px;color:var(--orange)}.section-heading .icon{width:17px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{border:1px solid #f2eade;border-radius:9px;background:linear-gradient(140deg,#FCFAF5,#fff);padding:23px;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 9px 24px #49250e0a}.category-card>span{display:block;color:var(--orange);margin-bottom:14px}.category-card .icon{width:29px;height:29px}.category-card small{color:var(--muted);font-size:12px}.category-card small .icon{width:14px;height:14px;margin-left:8px}.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.extension-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px 17px 15px;position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.extension-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #1913290a}.save{position:absolute;right:12px;top:12px;background:transparent;color:#9298aa;width:32px;height:32px;border-radius:50%}.save .icon{width:17px;height:17px}.save.selected{color:var(--orange);background:#fff0e7}.save.selected svg{fill:#EE531B25}.extension-card h3{font-size:14px;letter-spacing:-.2px;margin:0 0 6px}.extension-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.preview-tag{font-size:9px;background:#f4f4f7;padding:2px 4px;border-radius:3px;margin-left:3px}.card-bottom{margin-top:auto}.card-bottom>strong{font-size:13px;display:block;margin-bottom:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(115deg,#ff5900,#ee4600);border:1px solid var(--orange);border-radius:6px;color:#fff;font-weight:600;padding:12px 22px;line-height:1.4;min-height:44px;font-size:14px;transition:box-shadow .2s,transform .2s}.button:hover:not(:disabled){box-shadow:0 5px 15px #EE531B28;transform:translateY(-1px)}.button.secondary{background:#fff;color:#20263b;border-color:#e5e4e8}.button .icon{width:18px;height:18px}.button.compact{width:100%;padding:9px 4px;min-height:36px;font-size:11px}.full{width:100%}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;margin-top:30px;color:var(--muted);font-size:12px}.footer .logo{width:145px}.footer p{margin-bottom:5px}.footer strong{color:#252c40;display:block;margin:12px 0}.footer>div>a:not(.logo){display:block;margin-bottom:6px}.listing-hero{background:radial-gradient(ellipse at 100% 0,#ffddb3,transparent 65%),#FCFAF5;padding:25px 0 35px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.breadcrumb a:hover{color:var(--orange)}.listing-hero h1{font-size:36px;letter-spacing:-1px;margin-bottom:10px}.listing-hero p:last-child{color:var(--muted);margin:0;font-size:14px}.listing-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.filters{border:1px solid var(--line);border-radius:9px;padding:20px;height:max-content}.filters h3{font-size:14px;margin-top:25px}.filters h3:first-child{margin-top:0}.filters>a{display:block;padding:9px;font-size:12px;border-radius:5px}.filters>a.active{background:#fff1e5;color:var(--orange)}.filters label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.filters input{accent-color:var(--orange)}.filters p{font-size:12px;color:var(--muted)}.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:18px}.listing-toolbar select{border:1px solid var(--line);border-radius:5px;padding:8px;background:#fff;font-size:12px}.listing-layout .search-form{max-width:none;height:45px;margin-bottom:22px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.empty{padding:55px 25px;text-align:center;grid-column:1/-1}.empty>.icon{height:40px;width:40px;color:var(--orange);margin-bottom:20px}.empty p{color:var(--muted)}.empty a{color:var(--orange)}.detail-top{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin:25px 0 50px}.product-visual{height:360px;border-radius:13px;position:relative;overflow:hidden;padding:50px}.product-visual:before{content:'';position:absolute;inset:60% -10% -40%;border-radius:50%;background:#ffffff15}.product-visual .large{font-size:65px;background:transparent;box-shadow:none;width:100%;height:150px;justify-content:flex-start;margin:0}.product-visual .large svg{width:100px;height:100px}.product-visual-panel{background:#ffffffed;color:#222945;border-radius:10px;padding:22px;position:absolute;bottom:25px;right:25px;box-shadow:0 10px 30px #0002;font-size:14px}.product-visual-panel small{color:var(--muted);font-size:10px}.thumbnails{display:flex;gap:12px;margin-top:17px}.thumbnails button{width:100px;height:68px;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.thumbnails .brand{height:40px;width:45px;font-size:17px;margin:0}.thumbnails small{font-size:10px}.thumbnails .selected{border-color:var(--orange)}.detail-summary h1{font-size:34px;letter-spacing:-1px;margin-bottom:8px}.detail-summary>p{font-size:13px;color:var(--muted)}.detail-summary>p a{color:var(--orange)}.pill{background:#FFF0DC;color:#b55100;border-radius:5px;display:inline-block;font-size:11px;padding:5px 9px}.detail-summary .lead{margin-top:22px;font-size:16px}.actions{display:flex;gap:15px;flex-wrap:wrap}.detail-promises{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px;color:var(--muted);font-size:11px}.detail-promises .icon{color:var(--orange);display:block;margin:0 auto 8px}.detail-tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-bottom:35px;overflow:auto}.detail-tabs button{padding:17px 8px;background:#fff;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted)}.detail-tabs button.active{border-color:var(--orange);color:var(--orange)}.detail-body{display:grid;grid-template-columns:1fr 310px;gap:60px}.detail-body p{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:10px;padding:25px;background:#fff}.panel h3{font-size:16px}.panel dl{font-size:12px}.panel dt{font-weight:600;margin-top:18px}.panel dd{color:var(--muted);margin:5px 0}.panel .button{font-size:11px;padding:10px}.notice{background:#fff8ef;border:1px solid #ffe6c9;border-radius:8px;padding:20px;margin-top:25px;font-size:13px;color:#805321}.muted{color:var(--muted);font-size:12px}.steps{display:flex;justify-content:center;gap:60px;margin:20px 0 45px;color:var(--muted);font-size:13px}.steps .active{color:var(--orange)}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px}.cart-layout h2{font-size:20px}.text-button{background:none;color:var(--orange);font-size:12px}.cart-row{display:flex;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.cart-row .brand{width:60px;height:60px;margin:0;flex-shrink:0;font-size:23px}.cart-row>div:not(.brand){flex:1}.cart-row small,.cart-row strong{display:block}.cart-row small,.cart-row>span{color:var(--muted);font-size:11px}.cart-row strong{font-size:13px}.summary-line{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.account-layout{display:grid;grid-template-columns:250px 1fr;gap:45px;min-height:550px}.account-layout h1{font-size:30px}.account-menu{height:max-content;padding:18px}.account-menu h2{font-size:18px}.account-menu button{display:flex;gap:12px;background:#fff;color:var(--muted);width:100%;padding:13px;border-radius:5px;font-size:13px;text-align:left}.account-menu button.active{background:#fff0e6;color:var(--orange)}.account-menu .icon{width:18px;height:18px}.developer-art{display:flex;flex-direction:column;align-items:center;gap:25px;color:var(--orange)}.developer-art>.icon{width:220px;height:220px;stroke-width:.8;background:#ffedda;padding:40px;border-radius:35px;transform:rotate(-7deg);box-shadow:15px 20px 0 #ffcd9c66}.developer-art>span{background:#fff;border-radius:8px;padding:15px 22px;box-shadow:0 10px 30px #964d1514;font-size:14px}.four{grid-template-columns:repeat(4,1fr)}.four .category-card>.icon{color:var(--orange);margin-bottom:16px}.four p{font-size:13px;color:var(--muted);margin-bottom:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#172035;color:#fff;padding:13px 24px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:30;text-align:center;max-width:90vw;font-size:13px}#toast.visible{opacity:1;transform:translate(-50%,0)}.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}
@media(min-width:1700px){.hero-grid{min-height:580px}.mock-app{min-height:300px}.mock-app h3{font-size:16px}.mock-app aside{font-size:10px}.mini-grid small{font-size:9px}.mini-grid .brand{width:40px;height:40px}.category-grid{grid-template-columns:repeat(8,1fr)}.category-card{padding:22px 16px}.category-card h3{font-size:14px}.category-grid.four{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.header-inner{gap:25px}.header-inner nav{gap:20px;font-size:12px}.logo{width:145px}.header-actions{gap:8px}.account-link{font-size:12px}.hero-grid{gap:20px;min-height:460px}.hero-art{padding-top:50px}.mock-app{min-height:210px}.mock-app>div{padding:10px}.mini-grid{gap:4px}.mini-grid>div{padding:6px 3px}.orbit .brand{width:55px;height:55px;font-size:23px}.trust-strip{gap:15px}.trust-strip>div{gap:8px}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px}.featured-grid{gap:12px}.extension-card{padding:20px 12px 12px}.extension-card h3{font-size:12px}.extension-card .brand{width:55px;height:55px;font-size:24px}.card-bottom>strong{font-size:11px}.listing-layout{grid-template-columns:205px 1fr;gap:20px}.product-grid{gap:13px}.detail-top{gap:30px}.detail-body{gap:30px}.product-visual{padding:25px}.detail-summary h1{font-size:28px}.detail-promises{gap:15px}}
@media(max-width:800px){.site-header{height:auto}.header-inner{flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:10px;padding-bottom:10px}.header-inner nav{order:3;width:100%;flex:auto;justify-content:center;gap:25px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.hero-grid{grid-template-columns:1fr 1fr;padding-top:40px;padding-bottom:40px}.hero h1{font-size:33px}.lead{font-size:14px}.hero-art{padding-top:30px}.hero-art .o3{right:-5px}.o2{top:-25px}.orbit .brand{width:40px;height:40px;font-size:17px;border-width:3px}.mock-app aside{display:none}.mock-app{grid-template-columns:1fr;min-height:180px}.mock-app h3{font-size:10px}.laptop{border-width:5px}.mini-grid small{font-size:6px}.popular{font-size:9px}.search-form input{font-size:11px;padding:10px}.search-form{height:45px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px}.trust-strip strong{font-size:13px}.trust-strip small{font-size:11px}.featured-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{padding:18px 12px}.category-card h3{font-size:13px}.category-card small{font-size:10px}.listing-layout{grid-template-columns:180px 1fr;gap:18px}.filters{padding:12px}.filters>a{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.detail-top{grid-template-columns:1fr 1fr;gap:25px}.product-visual{height:280px;padding:20px}.product-visual .large{font-size:45px}.product-visual-panel{font-size:11px;padding:15px;bottom:15px;right:15px}.product-visual-panel small{font-size:8px}.detail-summary h1{font-size:26px}.detail-summary .lead{font-size:14px}.detail-promises{flex-wrap:wrap;gap:13px;margin-top:20px}.detail-body{grid-template-columns:1fr 230px}.cart-layout{grid-template-columns:1.5fr 1fr}.cart-row{gap:10px;flex-wrap:wrap}.cart-row>span{display:none}.account-layout{grid-template-columns:200px 1fr;gap:20px}.developer-art>.icon{width:180px;height:180px}.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.header-inner .logo{width:135px}.header-actions{gap:5px}.icon-button{width:32px;height:34px}.header-inner nav{gap:0;justify-content:space-between;font-size:11px}.account-link{padding:7px 9px;font-size:11px}.preview-bar{font-size:8px;letter-spacing:.5px}.hero-grid{grid-template-columns:1fr;padding-top:35px;gap:45px;padding-bottom:35px}.hero h1{font-size:37px;letter-spacing:-1.5px}.hero .lead{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:14px}.hero-art{margin:0 15px 10px;padding-top:35px}.mock-app{min-height:210px;grid-template-columns:25% 75%}.mock-app aside{display:block}.mock-app h3{font-size:10px}.mini-grid small{font-size:6px}.orbit .brand{width:45px;height:45px}.o1{top:-5px}.o2{top:-12px}.trust-strip{padding-top:25px;padding-bottom:25px;gap:20px 10px}.trust-strip>div>.icon{width:36px;height:36px;padding:9px}.trust-strip strong{font-size:11px}.trust-strip small{font-size:9px}.section{padding-top:25px;padding-bottom:25px}h2{font-size:21px}.section-heading{gap:10px;margin-bottom:20px}.section-heading>a{font-size:10px;white-space:nowrap}.section-heading>a .icon{width:13px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:20px 14px}.category-card h3{font-size:13px}.featured-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.extension-card{padding:20px 12px 12px}.extension-card h3{font-size:12px}.extension-card p{font-size:9px}.preview-tag{display:block;width:max-content;margin:4px 0}.extension-card .brand{height:50px;width:50px;font-size:22px}.card-bottom .button{font-size:10px}.card-bottom>strong{font-size:10px;min-height:30px}.save{right:5px;top:7px}.footer{grid-template-columns:1fr 1fr;gap:25px;font-size:11px}.footer>div:first-child{grid-column:1/-1}.footer .logo{width:130px}.listing-hero{padding:20px 0 25px}.listing-hero h1{font-size:30px}.listing-hero p:last-child{font-size:12px}.breadcrumb{font-size:10px;line-height:1.8}.listing-layout{grid-template-columns:1fr;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.filters>h3:first-child{width:100%;margin:0 0 3px}.filters>a{padding:5px 8px;border:1px solid var(--line);font-size:10px}.filters>h3:not(:first-child),.filters label,.filters p{display:none}.listing-toolbar{font-size:11px}.listing-toolbar select{font-size:10px;max-width:115px}.detail-top{grid-template-columns:1fr;gap:25px;margin-top:15px;margin-bottom:25px}.product-visual{height:290px}.product-visual .large{font-size:58px}.detail-summary h1{font-size:30px}.detail-tabs{gap:13px;margin-bottom:25px}.detail-tabs button{font-size:11px;padding:12px 4px}.detail-body{grid-template-columns:1fr;gap:25px}.detail-body p{font-size:13px}.panel{padding:20px}.detail-promises{justify-content:space-between}.cart-layout{grid-template-columns:1fr}.steps{gap:15px;font-size:10px;margin:10px 0 30px}.cart-row .brand{width:45px;height:45px;font-size:18px}.cart-row strong{font-size:12px}.cart-layout .section-heading h2{font-size:16px}.cart-layout .section-heading{gap:8px}.text-button{font-size:10px}.account-layout{grid-template-columns:1fr;gap:25px}.account-menu{display:flex;flex-wrap:wrap;gap:5px;padding:15px}.account-menu h2{width:100%}.account-menu button{width:auto;font-size:11px;padding:8px;gap:6px}.account-menu .icon{width:14px;height:14px}.developer-art{padding:10px 0}.developer-art>.icon{width:170px;height:170px}.developer-art>span{font-size:12px}.four{grid-template-columns:repeat(2,1fr)}.notice{padding:15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

: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);
}

.wcc-header { position: sticky; top: 0; z-index: 200; padding: 18px 2.5vw 0; background: var(--wcc-paper); font: 400 16px/1.5 Inter, Arial, sans-serif; color: var(--wcc-ink); }
.wcc-header .wcc-bar {display: flex;align-items: center;gap: 22px;min-height: 76px;padding-top:10px;padding-bottom:10px;border: 1px solid var(--wcc-line);border-radius: 12px;background: rgba(255,253,249,.94);box-shadow: 0 12px 32px rgba(83,65,40,.03)}
.wcc-header .wcc-logo { width: 176px; flex: none; display: block; }
.wcc-header .wcc-logo img { display: block; width: 100%; height: auto; object-fit: contain; mix-blend-mode: multiply; }
.wcc-header .wcc-desktop-nav { display: flex; align-items: center; margin: auto; }


.wcc-header .wcc-group { position: static; }

.wcc-header .wcc-mega { display: none; position: absolute; left: 2.5vw; right: 2.5vw; top: calc(100% - 6px); max-width: 1458px; margin: 10px auto 0; padding: 22px 24px 20px; border: 1px solid var(--wcc-line); border-radius: 14px; background: #fdfbf7; box-shadow: 0 18px 40px rgba(48,37,25,.06); z-index: 90; }
.wcc-header .wcc-group.is-open > .wcc-mega, .wcc-header .wcc-group:hover > .wcc-mega, .wcc-header .wcc-group:focus-within > .wcc-mega { display: block; }
.wcc-mega-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.wcc-overline { font-size: 12px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; color: #4d5863; }
.wcc-mega-all, .wcc-mega-more { font-size: 13px; font-weight: 600; color: #ee531b; text-decoration: none; }
.wcc-mega-grid { display: grid; grid-template-columns: repeat(5, minmax(160px, 1fr)); gap: 18px 22px; }
.wcc-mega-col { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.wcc-mega-cat { font-family: var(--shop-display); font-size: 15px; font-weight: 800; color: #18232e; text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid #ecdfd2; }
.wcc-mega-item { font-size: 13px; line-height: 1.35; color: #5a6570; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wcc-mega-item:hover, .wcc-mega-cat:hover { color: #ee531b; }
.wcc-mega-more { margin-top: 4px; }
.wcc-header-actions { display: flex; align-items: center; gap: 15px; flex: none; }
.wcc-text-action { font-size: 14px; font-weight: 600; color: #333b45; text-decoration: none; padding: 8px 10px; }
.wcc-text-action:hover { color: #ee531b; }
.wcc-icon-button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid var(--wcc-line); border-radius: 12px; background: rgba(255,255,255,.7); color: #23292f; text-decoration: none; }
.wcc-icon-button svg { width: 22px; height: 22px; }
.wcc-icon-button:hover { background: #fff2e7; border-color: #f4cbb2; }
.wcc-cart-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: flex; align-items: center; justify-content: center; }
.wcc-header .wcc-menu { display: none; }

.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; }

@media (max-width: 1100px) {
    .wcc-mega-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    .wcc-header .wcc-desktop-nav { display: none; }
    .wcc-header .wcc-menu { display: inline-flex; }
    .wcc-header .wcc-logo { width: 140px; }
    .wcc-header .wcc-group.is-open > .wcc-mega { position: static; left: auto; right: auto; margin: 8px 0 0; }
    .wcc-header.wcc-nav-open .wcc-desktop-nav { display: flex; flex-direction: column; align-items: stretch; position: absolute; left: 2.5vw; right: 2.5vw; top: 100%; background: #fdfbf7; border: 1px solid var(--wcc-line); border-radius: 12px; padding: 12px; }
    .wcc-mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* WCC_EXACT_20261102 */
: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-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}




















.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-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-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-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-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-footer .wcc-footer-main{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:42px;padding-bottom:42px}


.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(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-footer{padding:0;border:0;box-shadow:none;max-width:none}

/* Full-width site header, retaining the shared navigation and content. */











/* 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 svg { width: 24px !important; height: 24px !important; max-width: 32px !important; max-height: 32px !important; }









.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-feature-link:hover { color: #ee531b; background: #fff6ee; }










.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;
    }
}
body, .mp-native-header, .mp-card, .rh-header { font-family: Inter, Arial, sans-serif; }
.mp-card h3, .mp-category-hero h1, .rh-section h2 { font-family: 'Plus Jakarta Sans', Inter, sans-serif; }