.elementor-12730 .elementor-element.elementor-element-55eed112{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-55eed112:not(.elementor-motion-effects-element-type-background), .elementor-12730 .elementor-element.elementor-element-55eed112 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FEF3BE 0%, #FDFDFD 100%);}.elementor-12730 .elementor-element.elementor-element-412d397{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-2a024e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-7bc8af0 > .elementor-widget-container{background-color:#F6C71E;margin:0px 0px 0px 0px;padding:7px 25px 7px 25px;border-radius:50px 50px 50px 50px;}.elementor-12730 .elementor-element.elementor-element-7bc8af0.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-12730 .elementor-element.elementor-element-7bc8af0{column-gap:0px;text-align:start;font-size:12px;font-weight:700;text-transform:uppercase;}.elementor-12730 .elementor-element.elementor-element-9a42235 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-12730 .elementor-element.elementor-element-6409aaf .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:300;text-transform:capitalize;}.elementor-12730 .elementor-element.elementor-element-66f92bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-7481c6b .elementor-button{background-color:#F6C71E;font-size:16px;font-weight:700;text-transform:capitalize;letter-spacing:0.07em;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F6C71E;border-radius:5px 5px 5px 5px;padding:14px 30px 14px 30px;}.elementor-12730 .elementor-element.elementor-element-7481c6b .elementor-button:hover, .elementor-12730 .elementor-element.elementor-element-7481c6b .elementor-button:focus{background-color:#E5C039;}.elementor-12730 .elementor-element.elementor-element-578b707 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-12730 .elementor-element.elementor-element-578b707:hover .elementor-widget-container{border-style:none;}.elementor-12730 .elementor-element.elementor-element-763170a{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-763170a.e-con{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-12730 .elementor-element.elementor-element-79b880d > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-12730 .elementor-element.elementor-element-79b880d.elementor-element{--order:99999 /* order end hack */;}.elementor-12730 .elementor-element.elementor-element-65b1a42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-65b1a42:not(.elementor-motion-effects-element-type-background), .elementor-12730 .elementor-element.elementor-element-65b1a42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12730 .elementor-element.elementor-element-aae8181{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:-80px;--margin-bottom:40px;--margin-left:10px;--margin-right:10px;}.elementor-12730 .elementor-element.elementor-element-aae8181:not(.elementor-motion-effects-element-type-background), .elementor-12730 .elementor-element.elementor-element-aae8181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F1EC;}.elementor-12730 .elementor-element.elementor-element-a0b9c9d{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12730 .elementor-element.elementor-element-3e783e1{text-align:center;}.elementor-12730 .elementor-element.elementor-element-3e783e1 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:37px;}.elementor-12730 .elementor-element.elementor-element-5440c70{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-12730 .elementor-element.elementor-element-b0c25e5{--display:flex;}.elementor-12730 .elementor-element.elementor-element-6d099fd > .elementor-widget-container{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);}.elementor-12730 .elementor-element.elementor-element-6d099fd:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#42242414;}.elementor-12730 .elementor-element.elementor-element-6d099fd:hover > .elementor-widget-container{border-radius:9px 9px 9px 9px;}.elementor-12730 .elementor-element.elementor-element-6d099fd img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010114;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-12730 .elementor-element.elementor-element-21bcc1c{--display:flex;}.elementor-12730 .elementor-element.elementor-element-63c410b > .elementor-widget-container{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);}.elementor-12730 .elementor-element.elementor-element-63c410b:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#42242414;}.elementor-12730 .elementor-element.elementor-element-63c410b:hover > .elementor-widget-container{border-radius:9px 9px 9px 9px;}.elementor-12730 .elementor-element.elementor-element-63c410b img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010114;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-12730 .elementor-element.elementor-element-7e85571{--display:flex;}.elementor-12730 .elementor-element.elementor-element-e2df483 > .elementor-widget-container{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);}.elementor-12730 .elementor-element.elementor-element-e2df483:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#42242414;}.elementor-12730 .elementor-element.elementor-element-e2df483:hover > .elementor-widget-container{border-radius:9px 9px 9px 9px;}.elementor-12730 .elementor-element.elementor-element-e2df483 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010114;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-12730 .elementor-element.elementor-element-4412b1f{--display:flex;}.elementor-12730 .elementor-element.elementor-element-4b342d7 > .elementor-widget-container{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);}.elementor-12730 .elementor-element.elementor-element-4b342d7:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#42242414;}.elementor-12730 .elementor-element.elementor-element-4b342d7:hover > .elementor-widget-container{border-radius:9px 9px 9px 9px;}.elementor-12730 .elementor-element.elementor-element-4b342d7 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010114;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-12730 .elementor-element.elementor-element-673c48a{--display:flex;}.elementor-12730 .elementor-element.elementor-element-8efa9b9 > .elementor-widget-container{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);}.elementor-12730 .elementor-element.elementor-element-8efa9b9:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#42242414;}.elementor-12730 .elementor-element.elementor-element-8efa9b9:hover > .elementor-widget-container{border-radius:9px 9px 9px 9px;}.elementor-12730 .elementor-element.elementor-element-8efa9b9 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010114;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-12730 .elementor-element.elementor-element-6c459da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-78569e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-e261027 .elementor-heading-title{font-size:24px;font-weight:700;color:#000000;}.elementor-12730 .elementor-element.elementor-element-5643a8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-12730 .elementor-element.elementor-element-8766db1.elementor-element{--align-self:flex-start;}.elementor-12730 .elementor-element.elementor-element-abf134a .elementor-heading-title{text-transform:none;}.elementor-12730 .elementor-element.elementor-element-dc12035{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-9bae382{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-9bae382.e-con{--align-self:stretch;}.elementor-12730 .elementor-element.elementor-element-7a7b258 > .elementor-widget-container{background-color:#FFFFFF;padding:24px 24px 24px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;border-radius:16px 16px 16px 16px;}.elementor-12730 .elementor-element.elementor-element-7a7b258.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-12730 .elementor-element.elementor-element-7a7b258:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6C71E;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.29);}.elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12730 .elementor-element.elementor-element-7a7b258.elementor-view-stacked .elementor-icon{background-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-7a7b258.elementor-view-framed .elementor-icon, .elementor-12730 .elementor-element.elementor-element-7a7b258.elementor-view-default .elementor-icon{fill:#EAA200;color:#EAA200;border-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon{font-size:30px;}.elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon-box-title, .elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:18px;font-weight:700;}.elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon-box-title{color:#0D0D0D;}.elementor-12730 .elementor-element.elementor-element-7a7b258 .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:14px;color:#6B6B6B;}.elementor-12730 .elementor-element.elementor-element-b5fb2ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-a873ad1 > .elementor-widget-container{background-color:#FFFFFF;padding:24px 24px 24px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;border-radius:16px 16px 16px 16px;}.elementor-12730 .elementor-element.elementor-element-a873ad1:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6C71E;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.29);}.elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12730 .elementor-element.elementor-element-a873ad1.elementor-view-stacked .elementor-icon{background-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-a873ad1.elementor-view-framed .elementor-icon, .elementor-12730 .elementor-element.elementor-element-a873ad1.elementor-view-default .elementor-icon{fill:#EAA200;color:#EAA200;border-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon{font-size:30px;}.elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon-box-title, .elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:18px;font-weight:700;}.elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon-box-title{color:#0D0D0D;}.elementor-12730 .elementor-element.elementor-element-a873ad1 .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:14px;color:#6B6B6B;}.elementor-12730 .elementor-element.elementor-element-62563d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-473990a > .elementor-widget-container{background-color:#FFFFFF;padding:24px 24px 24px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;border-radius:16px 16px 16px 16px;}.elementor-12730 .elementor-element.elementor-element-473990a:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6C71E;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.29);}.elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12730 .elementor-element.elementor-element-473990a.elementor-view-stacked .elementor-icon{background-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-473990a.elementor-view-framed .elementor-icon, .elementor-12730 .elementor-element.elementor-element-473990a.elementor-view-default .elementor-icon{fill:#EAA200;color:#EAA200;border-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon{font-size:30px;}.elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon-box-title, .elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:18px;font-weight:700;}.elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon-box-title{color:#0D0D0D;}.elementor-12730 .elementor-element.elementor-element-473990a .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:14px;color:#6B6B6B;}.elementor-12730 .elementor-element.elementor-element-e1eaf4d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-8a58d8e > .elementor-widget-container{background-color:#FFFFFF;padding:24px 24px 24px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;border-radius:16px 16px 16px 16px;}.elementor-12730 .elementor-element.elementor-element-8a58d8e:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6C71E;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.29);}.elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12730 .elementor-element.elementor-element-8a58d8e.elementor-view-stacked .elementor-icon{background-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-8a58d8e.elementor-view-framed .elementor-icon, .elementor-12730 .elementor-element.elementor-element-8a58d8e.elementor-view-default .elementor-icon{fill:#EAA200;color:#EAA200;border-color:#EAA200;}.elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon{font-size:30px;}.elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon-box-title, .elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:18px;font-weight:700;}.elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon-box-title{color:#0D0D0D;}.elementor-12730 .elementor-element.elementor-element-8a58d8e .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:14px;color:#6B6B6B;}.elementor-12730 .elementor-element.elementor-element-0ac0122{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12730 .elementor-element.elementor-element-a7cd4eb{--display:flex;}.elementor-12730 .elementor-element.elementor-element-0274937{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-2708818 .elementor-heading-title{text-transform:none;}.elementor-12730 .elementor-element.elementor-element-17b5138 .elementor-button{background-color:#F6C71E;font-family:"Sora", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;letter-spacing:0.5px;fill:#000000;color:#000000;border-radius:3px 3px 3px 3px;}.elementor-12730 .elementor-element.elementor-element-17b5138 .elementor-button:hover, .elementor-12730 .elementor-element.elementor-element-17b5138 .elementor-button:focus{background-color:#DFB520;}.elementor-12730 .elementor-element.elementor-element-86b2a2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-b84882f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-b84882f:not(.elementor-motion-effects-element-type-background), .elementor-12730 .elementor-element.elementor-element-b84882f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12730 .elementor-element.elementor-element-027354c{--display:flex;}.elementor-12730 .elementor-element.elementor-element-a018ec4{text-align:center;}.elementor-12730 .elementor-element.elementor-element-a018ec4 .elementor-heading-title{font-size:38px;font-weight:700;color:#000000;}.elementor-12730 .elementor-element.elementor-element-0af545c{--display:flex;}.elementor-12730 .elementor-element.elementor-element-977b071.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12730 .elementor-element.elementor-element-977b071.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#F6C71E;}.elementor-12730 .elementor-element.elementor-element-977b071.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12730 .elementor-element.elementor-element-19007b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:10px;--padding-left:60px;--padding-right:10px;}.elementor-12730 .elementor-element.elementor-element-af542ea{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-3b221ce{--display:flex;}.elementor-12730 .elementor-element.elementor-element-4a8c508.elementor-element{--align-self:center;}.elementor-12730 .elementor-element.elementor-element-6352359 .elementor-heading-title{text-transform:none;}.elementor-12730 .elementor-element.elementor-element-4256716{--display:flex;}.elementor-12730 .elementor-element.elementor-element-6ec00ce{--display:flex;}.elementor-12730 .elementor-element.elementor-element-132f008{--display:flex;}.elementor-12730 .elementor-element.elementor-element-66031fe{--display:flex;}.elementor-12730 .elementor-element.elementor-element-e37d57b{--display:flex;}.elementor-12730 .elementor-element.elementor-element-ee583b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-12730 .elementor-element.elementor-element-ee583b3:not(.elementor-motion-effects-element-type-background), .elementor-12730 .elementor-element.elementor-element-ee583b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12730 .elementor-element.elementor-element-4be7e41{--display:flex;}.elementor-12730 .elementor-element.elementor-element-7af5395{--display:flex;}.elementor-12730 .elementor-element.elementor-element-bf63236{--display:flex;}.elementor-12730 .elementor-element.elementor-element-c75df19{--display:flex;}.elementor-12730 .elementor-element.elementor-element-9900540{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-85fb7b9{--display:flex;}.elementor-12730 .elementor-element.elementor-element-7eee6ed{--display:flex;}.elementor-12730 .elementor-element.elementor-element-5c90349 .elementor-heading-title{font-size:36px;font-weight:bold;}.elementor-12730 .elementor-element.elementor-element-027fb37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-027fb37.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button{background-color:#02010100;font-size:16px;font-weight:700;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;border-radius:5px 5px 5px 5px;}.elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button:hover, .elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button:hover svg, .elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12730 .elementor-element.elementor-element-994ce0c .elementor-button{background-color:#F6F6F6;font-size:16px;font-weight:700;text-transform:capitalize;fill:#000000;color:#000000;border-radius:5px 5px 5px 5px;}.elementor-12730 .elementor-element.elementor-element-994ce0c.elementor-element{--align-self:stretch;}.elementor-12730 .elementor-element.elementor-element-994ce0c .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12730 .elementor-element.elementor-element-412d397{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12730 .elementor-element.elementor-element-5440c70{--grid-auto-flow:row;}.elementor-12730 .elementor-element.elementor-element-977b071.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-12730 .elementor-element.elementor-element-9a42235 .elementor-heading-title{font-size:23px;line-height:1.1em;letter-spacing:0.1px;}.elementor-12730 .elementor-element.elementor-element-6409aaf .elementor-heading-title{font-size:13px;}.elementor-12730 .elementor-element.elementor-element-66f92bf{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12730 .elementor-element.elementor-element-66f92bf.e-con{--align-self:stretch;}.elementor-12730 .elementor-element.elementor-element-7481c6b.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-12730 .elementor-element.elementor-element-aae8181{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12730 .elementor-element.elementor-element-3e783e1 .elementor-heading-title{font-size:24px;}.elementor-12730 .elementor-element.elementor-element-5440c70{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-b0c25e5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-21bcc1c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-7e85571{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-4412b1f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-673c48a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12730 .elementor-element.elementor-element-8766db1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12730 .elementor-element.elementor-element-abf134a > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-12730 .elementor-element.elementor-element-5982495 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-12730 .elementor-element.elementor-element-b84882f{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12730 .elementor-element.elementor-element-a018ec4 .elementor-heading-title{font-size:28px;}.elementor-12730 .elementor-element.elementor-element-977b071.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12730 .elementor-element.elementor-element-463c99f .elementor-button{letter-spacing:0.1em;padding:14px 30px 14px 30px;}.elementor-12730 .elementor-element.elementor-element-994ce0c .elementor-button{letter-spacing:0.1em;padding:14px 30px 14px 30px;}}@media(min-width:768px){.elementor-12730 .elementor-element.elementor-element-2a024e0{--width:100%;}.elementor-12730 .elementor-element.elementor-element-763170a{--width:100%;}.elementor-12730 .elementor-element.elementor-element-0274937{--width:100%;}.elementor-12730 .elementor-element.elementor-element-86b2a2a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-412d397 */:root {
    --yellow: #F6C71E;
    --yellow-dark: #D4A800;
    --yellow-light: #FEF3BE;
    --black: #0D0D0D;
    --gray-900: #1A1A1A;
    --gray-700: #3D3D3D;
    --gray-500: #6B6B6B;
    --gray-300: #CCCCCC;
    --gray-100: #F4F4F4;
    --gray-50: #FAFAFA;
    --white: #FFFFFF;
    --border: #E8E8E8;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.10);
    --font-display: 'Sora', sans-serif;
    --font-body: 'Inter', sans-serif;
    --max-w: 1200px;
    --nav-h: 72px;
  }
  .nav-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    width: 100%;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
  .nav-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
  }
  .logo-mark {
    width: 36px;
    height: 36px;
    background: var(--yellow);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 18px;
    color: var(--black);
  }
  .logo-text {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 18px;
    color: var(--black);
    letter-spacing: -0.3px;
  }
  .logo-text span { color: var(--yellow-dark); }

  .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
  }
  .nav-links a {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-700);
    text-decoration: none;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: background 0.15s, color 0.15s;
    cursor: pointer;
    display: block;
  }
  .nav-links a:hover { background: var(--gray-100); color: var(--black); }
  .nav-links a.active-link { color: var(--black); font-weight: 600; }

  .nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.18s ease;
    border: 2px solid transparent;
    white-space: nowrap;
  }
  .btn-ghost {
    background: transparent;
    color: var(--gray-700);
    border-color: var(--border);
  }
  .btn-ghost:hover { background: var(--gray-100); border-color: var(--gray-300); color: var(--black); }

  .btn-primary {
    background: var(--yellow);
    color: var(--black);
    border-color: var(--yellow);
  }
  .btn-primary:hover { background: var(--yellow-dark); border-color: var(--yellow-dark); }

  .btn-primary-lg {
    padding: 14px 30px;
    font-size: 15px;
  }

  .btn-outline {
    background: transparent;
    color: var(--black);
    border-color: var(--black);
  }
  .btn-outline:hover { background: var(--black); color: var(--white); }

  .btn-white {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);
  }
  .btn-white:hover { background: var(--gray-100); }

  /* ─── PAGE OFFSET ─── */
  .page-body { padding-top: var(--nav-h); }

  /* ─── SECTION BASE ─── */
  .section {
    padding: 96px 32px;
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .section-full {
    padding: 96px 32px;
  }
  .section-inner {
    max-width: var(--max-w);
    margin: 0 auto;
  }

  .section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--yellow-dark);
    margin-bottom: 16px;
  }
  .section-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: var(--yellow);
  }

  .section-heading {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.18;
    letter-spacing: -0.5px;
    color: var(--black);
    max-width: 640px;
  }
  .section-heading .accent { color: var(--yellow-dark); }
  .section-heading.center { text-align: center; max-width: 100%; }

  .section-sub {
    font-size: 17px;
    color: var(--gray-500);
    line-height: 1.7;
    margin-top: 16px;
    max-width: 560px;
  }
  .section-sub.center { text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; }

  /* ─── HERO ─── */
  .hero-wrapper {
    background: linear-gradient(180deg, #fef3be 0%, #fef3be 100%);
    border-bottom: 1px solid var(--border);
    overflow: hidden;
  }
  .hero {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 80px 32px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    min-height: 560px;
  }
  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--yellow);
    color: var(--black);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 24px;
  }
  .hero-badge span {
    width: 6px;
    height: 6px;
    background: var(--black);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .hero-h1 {
    font-family: var(--font-display);
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1.2px;
    color: var(--black);
    margin-bottom: 24px;
  }
  .hero-h1 .highlight {
    background: #f6c71e;
    padding: 0 6px;
    border-radius: 4px;
    display: inline;
  }
  .hero-desc {
    font-size: 18px;
    color: var(--gray-500);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 480px;
  }
  .hero-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 48px;
  }
  .hero-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--gray-500);
  }
  .hero-trust-avatars {
    display: flex;
  }
  .avatar-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--white);
    margin-left: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
  }
  .hero-trust-avatars .avatar-circle:first-child { margin-left: 0; }
  .ac1 { background: #4F46E5; }
  .ac2 { background: #EC4899; }
  .ac3 { background: #10B981; }
  .ac4 { background: #F59E0B; }
  .ac5 { background: #EF4444; }

  .hero-visual {
    position: relative;
    align-self: flex-end;
  }

  /* Hero illustration placeholder */
  .hero-illustration {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    position: relative;
  }
  .hero-illus-header {
    height: 44px;
    background: var(--gray-50);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 6px;
  }
  .dot { width: 10px; height: 10px; border-radius: 50%; }
  .dot-r { background: #FF5F57; }
  .dot-y { background: #FFBD2E; }
  .dot-g { background: #28CA41; }
  .hero-illus-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .illus-stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .illus-stat {
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 14px 12px;
  }
  .illus-stat-num {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--black);
  }
  .illus-stat-lbl {
    font-size: 11px;
    color: var(--gray-500);
    margin-top: 2px;
  }
  .illus-chart-bar {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 80px;
    padding: 12px;
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: 8px;
  }
  .bar {
    flex: 1;
    border-radius: 4px 4px 0 0;
    background: var(--gray-200, #E5E7EB);
  }
  .bar.active { background: var(--yellow); }
  .b1 { height: 40%; }
  .b2 { height: 65%; }
  .b3 { height: 50%; }
  .b4 { height: 80%; }
  .b5 { height: 100%; }
  .b6 { height: 70%; }
  .b7 { height: 55%; }

  .illus-line-row {
    display: flex;
    gap: 10px;
  }
  .illus-pie {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(var(--yellow) 0% 40%, var(--gray-900) 40% 65%, var(--gray-300) 65% 100%);
    flex-shrink: 0;
  }
  .illus-legend {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
  }
  .legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--gray-700);
  }
  .legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
  }

  /* ─── TRUST LOGOS ─── */
  .trust-section {
    padding: 40px 32px;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: var(--gray-50);
  }
  .trust-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .trust-label {
    font-size: 13px;
    color: var(--gray-500);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .trust-logos {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .trust-logo-item {
    height: 28px;
    display: flex;
    align-items: center;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 16px;
    color: var(--gray-300);
    letter-spacing: -0.3px;
    text-transform: uppercase;
  }

  /* ─── SERVICES GRID ─── */
  .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
  }
  .service-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 32px;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
    cursor: default;
  }
  .service-card:hover {
    border-color: var(--yellow);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
  }
  .service-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--yellow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px;
  }
  .service-title {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 10px;
  }
  .service-desc {
    font-size: 14px;
    line-height: 1.7;
    color: var(--gray-500);
    margin-bottom: 20px;
  }
  .service-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--yellow-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .service-link::after { content: '→'; }

  /* ─── ALTERNATING CONTENT ─── */
  .alt-section { overflow: hidden; }
  .alt-row {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 80px 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .alt-row.reverse { direction: rtl; }
  .alt-row.reverse > * { direction: ltr; }

  .alt-row + .alt-row { border-top: 1px solid var(--border); }

  .alt-media {
    position: relative;
  }
  .alt-image-box {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: var(--radius-xl);
    background: var(--gray-100);
    border: 1px solid var(--border);
    overflow: hidden;
    position: relative;
  }
  .alt-image-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 32px;
  }
  .badge-float {
    position: absolute;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 10px 16px;
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--black);
  }
  .badge-float.top-right { top: -12px; right: -12px; }
  .badge-float.bottom-left { bottom: -12px; left: -12px; }
  .badge-float .icon-sm {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  .alt-content {}
  .alt-bullets {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .alt-bullet {
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }
  .bullet-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--yellow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .bullet-icon.check::after {
    content: '✓';
    color: var(--yellow-dark);
    font-weight: 700;
    font-size: 12px;
  }
  .bullet-text strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 2px;
  }
  .bullet-text span {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
  }

  /* ─── FEATURES GRID ─── */
  .features-bg {
    background: var(--gray-50);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: 56px;
  }
  .feature-cell {
    background: var(--white);
    padding: 32px;
    transition: background 0.15s;
  }
  .feature-cell:hover { background: var(--yellow-light); }
  .feature-num {
    font-family: var(--font-display);
    font-size: 40px;
    font-weight: 800;
    color: var(--yellow);
    line-height: 1;
    margin-bottom: 12px;
  }
  .feature-title {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 8px;
  }
  .feature-desc {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.65;
  }

  /* ─── TESTIMONIALS ─── */
  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
  }
  .testimonial-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 32px;
    position: relative;
  }
  .testimonial-card.featured {
    background: var(--black);
    border-color: var(--black);
  }
  .testimonial-card.featured .testimonial-text { color: #C8C8C8; }
  .testimonial-card.featured .author-name { color: var(--white); }
  .testimonial-card.featured .author-role { color: #666; }

  .quote-mark {
    font-family: Georgia, serif;
    font-size: 56px;
    line-height: 1;
    color: var(--yellow);
    margin-bottom: 16px;
    display: block;
  }
  .testimonial-text {
    font-size: 15px;
    line-height: 1.75;
    color: var(--gray-700);
    margin-bottom: 24px;
  }
  .testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .author-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
  }
  .author-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
  }
  .author-role {
    font-size: 12px;
    color: var(--gray-500);
    margin-top: 2px;
  }
  .star-row {
    display: flex;
    gap: 2px;
    margin-bottom: 14px;
  }
  .star { color: var(--yellow); font-size: 14px; }

  /* ─── CTA BANNER ─── */
  .cta-banner-wrap {
    padding: 0 32px 96px;
  }
  .cta-banner {
    max-width: var(--max-w);
    margin: 0 auto;
    background: var(--yellow);
    border-radius: var(--radius-xl);
    padding: 72px 80px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 48px;
    position: relative;
    overflow: hidden;
  }
  .cta-banner::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 320px;
    height: 320px;
    background: rgba(0,0,0,0.04);
    border-radius: 50%;
  }
  .cta-banner::after {
    content: '';
    position: absolute;
    right: 40px;
    bottom: -60px;
    width: 200px;
    height: 200px;
    background: rgba(0,0,0,0.03);
    border-radius: 50%;
  }
  .cta-banner-tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--black);
    opacity: 0.6;
    margin-bottom: 12px;
  }
  .cta-banner-h {
    font-family: var(--font-display);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.5px;
    color: var(--black);
    margin-bottom: 12px;
  }
  .cta-banner-sub {
    font-size: 16px;
    color: rgba(0,0,0,0.65);
    line-height: 1.6;
  }
  .cta-banner-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }

  /* ─── FOOTER ─── */
  .footer {
    background: var(--gray-900);
    color: var(--white);
    padding: 72px 32px 32px;
  }
  .footer-inner {
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .footer-top {
    display: grid;
    grid-template-columns: 280px repeat(4, 1fr);
    gap: 48px;
    padding-bottom: 56px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 40px;
  }
  .footer-brand {}
  .footer-brand-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
  }
  .footer-logo-mark {
    width: 32px;
    height: 32px;
    background: var(--yellow);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 16px;
    color: var(--black);
  }
  .footer-logo-text {
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    color: var(--white);
  }
  .footer-tagline {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    line-height: 1.7;
    margin-bottom: 24px;
  }
  .footer-social {
    display: flex;
    gap: 10px;
  }
  .social-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.15s;
  }
  .social-btn:hover { background: var(--yellow); }

  .footer-col-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
  .footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .footer-links a {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    text-decoration: none;
    transition: color 0.15s;
    cursor: pointer;
  }
  .footer-links a:hover { color: var(--yellow); }

  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-copy {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
  }
  .footer-bottom-links {
    display: flex;
    gap: 24px;
  }
  .footer-bottom-links a {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
  }
  .footer-bottom-links a:hover { color: var(--yellow); }

  /* ─── SHOP PAGE ─── */
  .shop-header {
    background: var(--gray-50);
    border-bottom: 1px solid var(--border);
    padding: 56px 32px 48px;
  }
  .shop-header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
  }

  .shop-layout {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 48px 32px;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 48px;
    align-items: start;
  }
  .shop-filters {
    position: sticky;
    top: calc(var(--nav-h) + 24px);
  }
  .filter-group {
    margin-bottom: 32px;
  }
  .filter-group-title {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--black);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
  }
  .filter-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .filter-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--gray-700);
  }
  .filter-check {
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--gray-300);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s;
    cursor: pointer;
  }
  .filter-check.checked {
    background: var(--yellow);
    border-color: var(--yellow);
  }
  .filter-check.checked::after {
    content: '✓';
    font-size: 11px;
    font-weight: 700;
    color: var(--black);
  }
  .filter-count {
    margin-left: auto;
    font-size: 12px;
    background: var(--gray-100);
    color: var(--gray-500);
    padding: 2px 8px;
    border-radius: 100px;
  }

  .shop-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
  }
  .results-count {
    font-size: 14px;
    color: var(--gray-500);
  }
  .results-count strong { color: var(--black); }

  .sort-select {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-700);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 14px;
    cursor: pointer;
    outline: none;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .product-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow 0.18s, transform 0.18s;
    cursor: pointer;
  }
  .product-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

  .product-image {
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--gray-100);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-image-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
  }
  .product-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--white);
    font-size: 11px;
    font-weight: 700;
    color: var(--black);
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid var(--border);
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .product-tag.digital { background: var(--yellow); border-color: var(--yellow); }
  .product-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--border);
    transition: background 0.15s;
  }
  .product-wishlist:hover { background: var(--yellow-light); }

  .product-body {
    padding: 20px;
  }
  .product-category {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--yellow-dark);
    margin-bottom: 8px;
  }
  .product-title {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .product-desc {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .product-price {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
  }
  .product-price-old {
    font-size: 13px;
    color: var(--gray-400, #A0A0A0);
    text-decoration: line-through;
    margin-left: 4px;
  }
  .btn-sm {
    padding: 8px 16px;
    font-size: 13px;
    border-radius: var(--radius-sm);
  }
  .product-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--gray-500);
    margin-bottom: 12px;
  }
  .rating-stars { color: var(--yellow); font-size: 12px; }

  /* ─── SINGLE PRODUCT ─── */
  .product-page-layout {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 48px 32px;
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 64px;
    align-items: start;
  }
  .product-gallery {}
  .gallery-main {
    width: 100%;
    aspect-ratio: 4/3;
    background: var(--gray-100);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    overflow: hidden;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .gallery-thumbs {
    display: flex;
    gap: 12px;
  }
  .gallery-thumb {
    width: 80px;
    height: 68px;
    border-radius: var(--radius-md);
    background: var(--gray-100);
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.15s;
  }
  .gallery-thumb.active { border-color: var(--yellow); }
  .gallery-thumb:hover { border-color: var(--gray-300); }

  .product-sticky-panel {
    position: sticky;
    top: calc(var(--nav-h) + 24px);
  }
  .product-info {}
  .product-breadcrumb {
    font-size: 13px;
    color: var(--gray-500);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .product-breadcrumb a { color: var(--yellow-dark); text-decoration: none; cursor: pointer; }
  .product-breadcrumb span { color: var(--gray-300); }

  .product-badge-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 100px;
  }
  .badge-yellow { background: var(--yellow); color: var(--black); }
  .badge-dark { background: var(--black); color: var(--white); }
  .badge-light { background: var(--gray-100); color: var(--gray-700); }

  .product-title-lg {
    font-family: var(--font-display);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: var(--black);
    margin-bottom: 12px;
  }
  .product-rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
  }
  .review-count { font-size: 13px; color: var(--gray-500); }

  .product-price-block {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
  }
  .price-main {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 800;
    color: var(--black);
  }
  .price-was {
    font-size: 18px;
    color: var(--gray-400, #A0A0A0);
    text-decoration: line-through;
  }
  .price-save {
    background: #DCFCE7;
    color: #15803D;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 100px;
  }
  .product-desc-full {
    font-size: 15px;
    line-height: 1.75;
    color: var(--gray-700);
    margin-bottom: 28px;
  }

  .customizer {
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 24px;
    margin-bottom: 24px;
  }
  .customizer-title {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .custom-field {
    margin-bottom: 16px;
  }
  .custom-field:last-child { margin-bottom: 0; }
  .custom-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-700);
    margin-bottom: 6px;
  }
  .custom-select, .custom-input, .custom-textarea {
    width: 100%;
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--gray-900);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.15s;
  }
  .custom-select:focus, .custom-input:focus, .custom-textarea:focus {
    border-color: var(--yellow);
    box-shadow: 0 0 0 3px rgba(246,199,30,0.15);
  }
  .custom-textarea { resize: vertical; min-height: 80px; }

  .qty-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
  }
  .qty-label { font-size: 14px; font-weight: 600; color: var(--gray-700); }
  .qty-control {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
  }
  .qty-btn {
    width: 40px;
    height: 40px;
    background: var(--gray-50);
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--gray-700);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
  }
  .qty-btn:hover { background: var(--gray-100); }
  .qty-value {
    width: 48px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--black);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cta-pair {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
  }
  .btn-full { width: 100%; justify-content: center; }
  .btn-full-outline {
    width: 100%;
    justify-content: center;
    background: transparent;
    border: 2px solid var(--border);
    color: var(--gray-700);
  }
  .btn-full-outline:hover { border-color: var(--black); color: var(--black); }

  .trust-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--gray-500);
  }
  .trust-badge-icon { font-size: 14px; }

  .product-tabs {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid var(--border);
  }
  .tab-nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--border);
    margin-bottom: 40px;
  }
  .tab-btn {
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-500);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.15s;
    margin-bottom: -2px;
  }
  .tab-btn.active { color: var(--black); border-bottom-color: var(--yellow); }
  .tab-btn:hover { color: var(--black); }

  .tab-content-panel { display: none; }
  .tab-content-panel.active { display: block; }

  /* ─── PLACEHOLDER GRAPHICS ─── */
  .placeholder-graphic {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .placeholder-icon { font-size: 40px; opacity: 0.3; }
  .placeholder-text { font-size: 13px; color: var(--gray-400, #B0B0B0); }

  /* ─── BREADCRUMB BAR ─── */
  .breadcrumb-bar {
    padding: 14px 32px;
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--gray-500);
  }
  .breadcrumb a { color: var(--yellow-dark); text-decoration: none; cursor: pointer; }
  .breadcrumb-sep { color: var(--gray-300); }

  /* ─── RELATED PRODUCTS ─── */
  .related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  /* Ensure gray-200 color is defined */
  [style*="background: var(--gray-200"] { background: #E5E7EB !important; }
  .bar { background: #E5E7EB; }
  .bar.active { background: var(--yellow); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55eed112 */:root {
    --yellow: #F6C71E;
    --yellow-dark: #D4A800;
    --yellow-light: #FEF3BE;
    --black: #0D0D0D;
    --gray-900: #1A1A1A;
    --gray-700: #3D3D3D;
    --gray-500: #6B6B6B;
    --gray-300: #CCCCCC;
    --gray-100: #F4F4F4;
    --gray-50: #FAFAFA;
    --white: #FFFFFF;
    --border: #E8E8E8;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.10);
    --font-display: 'Sora', sans-serif;
    --font-body: 'Inter', sans-serif;
    --max-w: 1200px;
    --nav-h: 72px;
  }
  .nav-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    width: 100%;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
  .nav-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
  }
  .logo-mark {
    width: 36px;
    height: 36px;
    background: var(--yellow);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 18px;
    color: var(--black);
  }
  .logo-text {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 18px;
    color: var(--black);
    letter-spacing: -0.3px;
  }
  .logo-text span { color: var(--yellow-dark); }

  .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
  }
  .nav-links a {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-700);
    text-decoration: none;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: background 0.15s, color 0.15s;
    cursor: pointer;
    display: block;
  }
  .nav-links a:hover { background: var(--gray-100); color: var(--black); }
  .nav-links a.active-link { color: var(--black); font-weight: 600; }

  .nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.18s ease;
    border: 2px solid transparent;
    white-space: nowrap;
  }
  .btn-ghost {
    background: transparent;
    color: var(--gray-700);
    border-color: var(--border);
  }
  .btn-ghost:hover { background: var(--gray-100); border-color: var(--gray-300); color: var(--black); }

  .btn-primary {
    background: var(--yellow);
    color: var(--black);
    border-color: var(--yellow);
  }
  .btn-primary:hover { background: var(--yellow-dark); border-color: var(--yellow-dark); }

  .btn-primary-lg {
    padding: 14px 30px;
    font-size: 15px;
  }

  .btn-outline {
    background: transparent;
    color: var(--black);
    border-color: var(--black);
  }
  .btn-outline:hover { background: var(--black); color: var(--white); }

  .btn-white {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);
  }
  .btn-white:hover { background: var(--gray-100); }

  /* ─── PAGE OFFSET ─── */
  .page-body { padding-top: var(--nav-h); }

  /* ─── SECTION BASE ─── */
  .section {
    padding: 96px 32px;
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .section-full {
    padding: 96px 32px;
  }
  .section-inner {
    max-width: var(--max-w);
    margin: 0 auto;
  }

  .section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--yellow-dark);
    margin-bottom: 16px;
  }
  .section-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: var(--yellow);
  }

  .section-heading {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.18;
    letter-spacing: -0.5px;
    color: var(--black);
    max-width: 640px;
  }
  .section-heading .accent { color: var(--yellow-dark); }
  .section-heading.center { text-align: center; max-width: 100%; }

  .section-sub {
    font-size: 17px;
    color: var(--gray-500);
    line-height: 1.7;
    margin-top: 16px;
    max-width: 560px;
  }
  .section-sub.center { text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; }

  /* ─── HERO ─── */
  .hero-wrapper {
    background: linear-gradient(180deg, #fef3be 0%, #fef3be 100%);
    border-bottom: 1px solid var(--border);
    overflow: hidden;
  }
  .hero {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 80px 32px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    min-height: 560px;
  }
  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--yellow);
    color: var(--black);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 24px;
  }
  .hero-badge span {
    width: 6px;
    height: 6px;
    background: var(--black);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .hero-h1 {
    font-family: var(--font-display);
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1.2px;
    color: var(--black);
    margin-bottom: 24px;
  }
  .hero-h1 .highlight {
    background: #f6c71e;
    padding: 0 6px;
    border-radius: 4px;
    display: inline;
  }
  .hero-desc {
    font-size: 18px;
    color: var(--gray-500);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 480px;
  }
  .hero-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 48px;
  }
  .hero-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--gray-500);
  }
  .hero-trust-avatars {
    display: flex;
  }
  .avatar-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--white);
    margin-left: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
  }
  .hero-trust-avatars .avatar-circle:first-child { margin-left: 0; }
  .ac1 { background: #4F46E5; }
  .ac2 { background: #EC4899; }
  .ac3 { background: #10B981; }
  .ac4 { background: #F59E0B; }
  .ac5 { background: #EF4444; }

  .hero-visual {
    position: relative;
    align-self: flex-end;
  }

  /* Hero illustration placeholder */
  .hero-illustration {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    position: relative;
  }
  .hero-illus-header {
    height: 44px;
    background: var(--gray-50);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 6px;
  }
  .dot { width: 10px; height: 10px; border-radius: 50%; }
  .dot-r { background: #FF5F57; }
  .dot-y { background: #FFBD2E; }
  .dot-g { background: #28CA41; }
  .hero-illus-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .illus-stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .illus-stat {
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 14px 12px;
  }
  .illus-stat-num {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--black);
  }
  .illus-stat-lbl {
    font-size: 11px;
    color: var(--gray-500);
    margin-top: 2px;
  }
  .illus-chart-bar {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 80px;
    padding: 12px;
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: 8px;
  }
  .bar {
    flex: 1;
    border-radius: 4px 4px 0 0;
    background: var(--gray-200, #E5E7EB);
  }
  .bar.active { background: var(--yellow); }
  .b1 { height: 40%; }
  .b2 { height: 65%; }
  .b3 { height: 50%; }
  .b4 { height: 80%; }
  .b5 { height: 100%; }
  .b6 { height: 70%; }
  .b7 { height: 55%; }

  .illus-line-row {
    display: flex;
    gap: 10px;
  }
  .illus-pie {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(var(--yellow) 0% 40%, var(--gray-900) 40% 65%, var(--gray-300) 65% 100%);
    flex-shrink: 0;
  }
  .illus-legend {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
  }
  .legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--gray-700);
  }
  .legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
  }

  /* ─── TRUST LOGOS ─── */
  .trust-section {
    padding: 40px 32px;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: var(--gray-50);
  }
  .trust-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .trust-label {
    font-size: 13px;
    color: var(--gray-500);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .trust-logos {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .trust-logo-item {
    height: 28px;
    display: flex;
    align-items: center;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 16px;
    color: var(--gray-300);
    letter-spacing: -0.3px;
    text-transform: uppercase;
  }

  /* ─── SERVICES GRID ─── */
  .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
  }
  .service-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 32px;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
    cursor: default;
  }
  .service-card:hover {
    border-color: var(--yellow);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
  }
  .service-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--yellow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px;
  }
  .service-title {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 10px;
  }
  .service-desc {
    font-size: 14px;
    line-height: 1.7;
    color: var(--gray-500);
    margin-bottom: 20px;
  }
  .service-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--yellow-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .service-link::after { content: '→'; }

  /* ─── ALTERNATING CONTENT ─── */
  .alt-section { overflow: hidden; }
  .alt-row {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 80px 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .alt-row.reverse { direction: rtl; }
  .alt-row.reverse > * { direction: ltr; }

  .alt-row + .alt-row { border-top: 1px solid var(--border); }

  .alt-media {
    position: relative;
  }
  .alt-image-box {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: var(--radius-xl);
    background: var(--gray-100);
    border: 1px solid var(--border);
    overflow: hidden;
    position: relative;
  }
  .alt-image-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 32px;
  }
  .badge-float {
    position: absolute;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 10px 16px;
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--black);
  }
  .badge-float.top-right { top: -12px; right: -12px; }
  .badge-float.bottom-left { bottom: -12px; left: -12px; }
  .badge-float .icon-sm {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  .alt-content {}
  .alt-bullets {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .alt-bullet {
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }
  .bullet-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--yellow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .bullet-icon.check::after {
    content: '✓';
    color: var(--yellow-dark);
    font-weight: 700;
    font-size: 12px;
  }
  .bullet-text strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 2px;
  }
  .bullet-text span {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
  }

  /* ─── FEATURES GRID ─── */
  .features-bg {
    background: var(--gray-50);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: 56px;
  }
  .feature-cell {
    background: var(--white);
    padding: 32px;
    transition: background 0.15s;
  }
  .feature-cell:hover { background: var(--yellow-light); }
  .feature-num {
    font-family: var(--font-display);
    font-size: 40px;
    font-weight: 800;
    color: var(--yellow);
    line-height: 1;
    margin-bottom: 12px;
  }
  .feature-title {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 8px;
  }
  .feature-desc {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.65;
  }

  /* ─── TESTIMONIALS ─── */
  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
  }
  .testimonial-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 32px;
    position: relative;
  }
  .testimonial-card.featured {
    background: var(--black);
    border-color: var(--black);
  }
  .testimonial-card.featured .testimonial-text { color: #C8C8C8; }
  .testimonial-card.featured .author-name { color: var(--white); }
  .testimonial-card.featured .author-role { color: #666; }

  .quote-mark {
    font-family: Georgia, serif;
    font-size: 56px;
    line-height: 1;
    color: var(--yellow);
    margin-bottom: 16px;
    display: block;
  }
  .testimonial-text {
    font-size: 15px;
    line-height: 1.75;
    color: var(--gray-700);
    margin-bottom: 24px;
  }
  .testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .author-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
  }
  .author-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
  }
  .author-role {
    font-size: 12px;
    color: var(--gray-500);
    margin-top: 2px;
  }
  .star-row {
    display: flex;
    gap: 2px;
    margin-bottom: 14px;
  }
  .star { color: var(--yellow); font-size: 14px; }

  /* ─── CTA BANNER ─── */
  .cta-banner-wrap {
    padding: 0 32px 96px;
  }
  .cta-banner {
    max-width: var(--max-w);
    margin: 0 auto;
    background: var(--yellow);
    border-radius: var(--radius-xl);
    padding: 72px 80px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 48px;
    position: relative;
    overflow: hidden;
  }
  .cta-banner::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 320px;
    height: 320px;
    background: rgba(0,0,0,0.04);
    border-radius: 50%;
  }
  .cta-banner::after {
    content: '';
    position: absolute;
    right: 40px;
    bottom: -60px;
    width: 200px;
    height: 200px;
    background: rgba(0,0,0,0.03);
    border-radius: 50%;
  }
  .cta-banner-tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--black);
    opacity: 0.6;
    margin-bottom: 12px;
  }
  .cta-banner-h {
    font-family: var(--font-display);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.5px;
    color: var(--black);
    margin-bottom: 12px;
  }
  .cta-banner-sub {
    font-size: 16px;
    color: rgba(0,0,0,0.65);
    line-height: 1.6;
  }
  .cta-banner-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }

  /* ─── FOOTER ─── */
  .footer {
    background: var(--gray-900);
    color: var(--white);
    padding: 72px 32px 32px;
  }
  .footer-inner {
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .footer-top {
    display: grid;
    grid-template-columns: 280px repeat(4, 1fr);
    gap: 48px;
    padding-bottom: 56px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 40px;
  }
  .footer-brand {}
  .footer-brand-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
  }
  .footer-logo-mark {
    width: 32px;
    height: 32px;
    background: var(--yellow);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 16px;
    color: var(--black);
  }
  .footer-logo-text {
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    color: var(--white);
  }
  .footer-tagline {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    line-height: 1.7;
    margin-bottom: 24px;
  }
  .footer-social {
    display: flex;
    gap: 10px;
  }
  .social-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.15s;
  }
  .social-btn:hover { background: var(--yellow); }

  .footer-col-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
  .footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .footer-links a {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    text-decoration: none;
    transition: color 0.15s;
    cursor: pointer;
  }
  .footer-links a:hover { color: var(--yellow); }

  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-copy {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
  }
  .footer-bottom-links {
    display: flex;
    gap: 24px;
  }
  .footer-bottom-links a {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
  }
  .footer-bottom-links a:hover { color: var(--yellow); }

  /* ─── SHOP PAGE ─── */
  .shop-header {
    background: var(--gray-50);
    border-bottom: 1px solid var(--border);
    padding: 56px 32px 48px;
  }
  .shop-header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
  }

  .shop-layout {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 48px 32px;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 48px;
    align-items: start;
  }
  .shop-filters {
    position: sticky;
    top: calc(var(--nav-h) + 24px);
  }
  .filter-group {
    margin-bottom: 32px;
  }
  .filter-group-title {
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--black);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
  }
  .filter-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .filter-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--gray-700);
  }
  .filter-check {
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--gray-300);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s;
    cursor: pointer;
  }
  .filter-check.checked {
    background: var(--yellow);
    border-color: var(--yellow);
  }
  .filter-check.checked::after {
    content: '✓';
    font-size: 11px;
    font-weight: 700;
    color: var(--black);
  }
  .filter-count {
    margin-left: auto;
    font-size: 12px;
    background: var(--gray-100);
    color: var(--gray-500);
    padding: 2px 8px;
    border-radius: 100px;
  }

  .shop-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
  }
  .results-count {
    font-size: 14px;
    color: var(--gray-500);
  }
  .results-count strong { color: var(--black); }

  .sort-select {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-700);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 14px;
    cursor: pointer;
    outline: none;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .product-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow 0.18s, transform 0.18s;
    cursor: pointer;
  }
  .product-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

  .product-image {
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--gray-100);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-image-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
  }
  .product-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--white);
    font-size: 11px;
    font-weight: 700;
    color: var(--black);
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid var(--border);
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .product-tag.digital { background: var(--yellow); border-color: var(--yellow); }
  .product-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--border);
    transition: background 0.15s;
  }
  .product-wishlist:hover { background: var(--yellow-light); }

  .product-body {
    padding: 20px;
  }
  .product-category {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--yellow-dark);
    margin-bottom: 8px;
  }
  .product-title {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .product-desc {
    font-size: 13px;
    color: var(--gray-500);
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .product-price {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
  }
  .product-price-old {
    font-size: 13px;
    color: var(--gray-400, #A0A0A0);
    text-decoration: line-through;
    margin-left: 4px;
  }
  .btn-sm {
    padding: 8px 16px;
    font-size: 13px;
    border-radius: var(--radius-sm);
  }
  .product-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--gray-500);
    margin-bottom: 12px;
  }
  .rating-stars { color: var(--yellow); font-size: 12px; }

  /* ─── SINGLE PRODUCT ─── */
  .product-page-layout {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 48px 32px;
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 64px;
    align-items: start;
  }
  .product-gallery {}
  .gallery-main {
    width: 100%;
    aspect-ratio: 4/3;
    background: var(--gray-100);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    overflow: hidden;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .gallery-thumbs {
    display: flex;
    gap: 12px;
  }
  .gallery-thumb {
    width: 80px;
    height: 68px;
    border-radius: var(--radius-md);
    background: var(--gray-100);
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.15s;
  }
  .gallery-thumb.active { border-color: var(--yellow); }
  .gallery-thumb:hover { border-color: var(--gray-300); }

  .product-sticky-panel {
    position: sticky;
    top: calc(var(--nav-h) + 24px);
  }
  .product-info {}
  .product-breadcrumb {
    font-size: 13px;
    color: var(--gray-500);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .product-breadcrumb a { color: var(--yellow-dark); text-decoration: none; cursor: pointer; }
  .product-breadcrumb span { color: var(--gray-300); }

  .product-badge-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 100px;
  }
  .badge-yellow { background: var(--yellow); color: var(--black); }
  .badge-dark { background: var(--black); color: var(--white); }
  .badge-light { background: var(--gray-100); color: var(--gray-700); }

  .product-title-lg {
    font-family: var(--font-display);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: var(--black);
    margin-bottom: 12px;
  }
  .product-rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
  }
  .review-count { font-size: 13px; color: var(--gray-500); }

  .product-price-block {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
  }
  .price-main {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 800;
    color: var(--black);
  }
  .price-was {
    font-size: 18px;
    color: var(--gray-400, #A0A0A0);
    text-decoration: line-through;
  }
  .price-save {
    background: #DCFCE7;
    color: #15803D;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 100px;
  }
  .product-desc-full {
    font-size: 15px;
    line-height: 1.75;
    color: var(--gray-700);
    margin-bottom: 28px;
  }

  .customizer {
    background: var(--gray-50);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 24px;
    margin-bottom: 24px;
  }
  .customizer-title {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .custom-field {
    margin-bottom: 16px;
  }
  .custom-field:last-child { margin-bottom: 0; }
  .custom-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-700);
    margin-bottom: 6px;
  }
  .custom-select, .custom-input, .custom-textarea {
    width: 100%;
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--gray-900);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.15s;
  }
  .custom-select:focus, .custom-input:focus, .custom-textarea:focus {
    border-color: var(--yellow);
    box-shadow: 0 0 0 3px rgba(246,199,30,0.15);
  }
  .custom-textarea { resize: vertical; min-height: 80px; }

  .qty-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
  }
  .qty-label { font-size: 14px; font-weight: 600; color: var(--gray-700); }
  .qty-control {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
  }
  .qty-btn {
    width: 40px;
    height: 40px;
    background: var(--gray-50);
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--gray-700);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
  }
  .qty-btn:hover { background: var(--gray-100); }
  .qty-value {
    width: 48px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--black);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cta-pair {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
  }
  .btn-full { width: 100%; justify-content: center; }
  .btn-full-outline {
    width: 100%;
    justify-content: center;
    background: transparent;
    border: 2px solid var(--border);
    color: var(--gray-700);
  }
  .btn-full-outline:hover { border-color: var(--black); color: var(--black); }

  .trust-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--gray-500);
  }
  .trust-badge-icon { font-size: 14px; }

  .product-tabs {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid var(--border);
  }
  .tab-nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--border);
    margin-bottom: 40px;
  }
  .tab-btn {
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-500);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.15s;
    margin-bottom: -2px;
  }
  .tab-btn.active { color: var(--black); border-bottom-color: var(--yellow); }
  .tab-btn:hover { color: var(--black); }

  .tab-content-panel { display: none; }
  .tab-content-panel.active { display: block; }

  /* ─── PLACEHOLDER GRAPHICS ─── */
  .placeholder-graphic {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .placeholder-icon { font-size: 40px; opacity: 0.3; }
  .placeholder-text { font-size: 13px; color: var(--gray-400, #B0B0B0); }

  /* ─── BREADCRUMB BAR ─── */
  .breadcrumb-bar {
    padding: 14px 32px;
    max-width: var(--max-w);
    margin: 0 auto;
  }
  .breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--gray-500);
  }
  .breadcrumb a { color: var(--yellow-dark); text-decoration: none; cursor: pointer; }
  .breadcrumb-sep { color: var(--gray-300); }

  /* ─── RELATED PRODUCTS ─── */
  .related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  /* Ensure gray-200 color is defined */
  [style*="background: var(--gray-200"] { background: #E5E7EB !important; }
  .bar { background: #E5E7EB; }
  .bar.active { background: var(--yellow); }/* End custom CSS */