img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:#fff0;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:#fff0;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgb(0 0 0 / .15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}@media only screen and (max-width:768px){:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgb(0 0 0 / .025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;float:left;clear:both;margin:0 0 2.992em}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){float:right;clear:none!important}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:" ";display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page table.cart td.actions .coupon .coupon-error-notice{clear:left;color:var(--wc-red);float:left;font-size:.75em;margin-bottom:0;text-align:left;width:48%}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{display:block;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%}.single-product .twentythirteen .panel{padding-left:20px!important;padding-right:20px!important}}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}@keyframes spin{100%{transform:rotate(360deg)}}@font-face{font-display:swap;font-family:star;src:url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:WooCommerce;src:url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");font-weight:400;font-style:normal}.woocommerce form .form-row{padding:3px;margin:0 0 6px}.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.woocommerce form .form-row label{line-height:2}.woocommerce form .form-row label.hidden{visibility:hidden}.woocommerce form .form-row label.inline{display:inline}.woocommerce form .form-row .woocommerce-input-wrapper .description{background:#1e85be;color:#fff;border-radius:3px;padding:1em;margin:.5em 0 0;clear:both;display:none;position:relative}.woocommerce form .form-row .woocommerce-input-wrapper .description a{color:#fff;text-decoration:underline;border:0;box-shadow:none}.woocommerce form .form-row .woocommerce-input-wrapper .description::before{left:50%;top:0;margin-top:-4px;transform:translateX(-50%) rotate(180deg);content:"";position:absolute;border-width:4px 6px 0 6px;border-style:solid;border-color:#1e85be #fff0 #fff0 #fff0;z-index:100;display:block}.woocommerce form .form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle}.woocommerce form .form-row .input-text,.woocommerce form .form-row select{font-family:inherit;font-weight:400;letter-spacing:normal;padding:.5em;display:block;background-color:var(--wc-form-color-background,#fff);border:var(--wc-form-border-width) solid var(--wc-form-border-color);border-radius:var(--wc-form-border-radius);color:var(--wc-form-color-text,#000);box-sizing:border-box;width:100%;margin:0;line-height:normal;height:auto}.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{border-color:currentColor}.woocommerce form .form-row select{cursor:pointer;appearance:none;padding-right:3em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=);background-repeat:no-repeat;background-size:16px;background-position:calc(100% - .5em) 50%}.woocommerce form .form-row textarea{height:4em;line-height:1.5;box-shadow:none}.woocommerce form .form-row .required{color:var(--wc-red);font-weight:700;border:0!important;text-decoration:none;visibility:hidden}.woocommerce form .form-row .optional{visibility:visible}.woocommerce form .form-row.woocommerce-invalid label{color:var(--wc-red)}.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:var(--wc-red)}.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection{border-color:var(--wc-red)}.woocommerce form .form-row.woocommerce-validated input.input-text,.woocommerce form .form-row.woocommerce-validated select{border-color:var(--wc-green)}.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{border-color:var(--wc-green)}.woocommerce form .form-row ::-webkit-input-placeholder{line-height:normal}.woocommerce form .form-row :-moz-placeholder{line-height:normal}.woocommerce form .form-row :-ms-input-placeholder{line-height:normal}:where(.woocommerce) .select2-container{width:100%}:where(.woocommerce) .select2-container .select2-selection--single{height:auto}:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered{padding:.5em;line-height:normal;box-sizing:border-box;color:var(--wc-form-color-text,#444);font-weight:400}:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__placeholder{color:#999}:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow{position:absolute;top:2px;right:.5em;height:100%;width:16px}:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow b{border:none;display:block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;background-size:16px;width:16px;height:16px;position:absolute;top:50%;left:0;margin:-8px 0 0}:where(.woocommerce) .select2-container .select2-dropdown,:where(.woocommerce) .select2-container .select2-selection{background-color:var(--wc-form-color-background,#fff);border:var(--wc-form-border-width,1px) solid var(--wc-form-border-color,#aaa);border-radius:var(--wc-form-border-radius,4px)}:where(.woocommerce) .select2-container.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}:where(.woocommerce) .select2-container.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:where(.woocommerce) .select2-results__options{list-style:none;margin:0;padding:0}:where(.woocommerce) .select2-results__option{margin:0}.woocommerce-store-notice,p.demo_store{position:absolute;top:0;left:0;right:0;margin:0;width:100%;font-size:1em;padding:1em 0;text-align:center;background-color:#720eec;color:#fcfbfe;z-index:99998;box-shadow:0 1px 1em rgb(0 0 0 / .2);display:none}.woocommerce-store-notice a,p.demo_store a{color:#fcfbfe;text-decoration:underline}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.admin-bar p.demo_store{top:32px}.clear{clear:both}.woocommerce .blockUI.blockOverlay{position:relative}.woocommerce .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:"";animation:spin 1s ease-in-out infinite;background:url(/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgb(0 0 0 / .75)}.woocommerce .loader::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:"";animation:spin 1s ease-in-out infinite;background:url(/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgb(0 0 0 / .75)}.woocommerce a.remove{display:block;font-size:1.5em;height:1em;width:1em;text-align:center;line-height:1;border-radius:100%;color:var(--wc-red)!important;text-decoration:none;font-weight:700;border:0}.woocommerce a.remove:hover{color:#fff!important;background:var(--wc-red)}.woocommerce small.note{display:block;color:#767676;font-size:.857em;margin-top:10px}.woocommerce .woocommerce-breadcrumb{margin:0 0 1em;padding:0}.woocommerce .woocommerce-breadcrumb::after,.woocommerce .woocommerce-breadcrumb::before{content:" ";display:table}.woocommerce .woocommerce-breadcrumb::after{clear:both}.woocommerce .quantity .qty{width:3.631em;text-align:center}.woocommerce div.product{margin-bottom:0;position:relative}.woocommerce div.product .product_title{clear:none;margin-top:0;padding:0}.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{background:inherit;font-weight:700;display:inline-block}.woocommerce div.product p.price del,.woocommerce div.product span.price del{opacity:.7;display:inline-block}.woocommerce div.product p.stock{font-size:.92em}.woocommerce div.product .woocommerce-product-rating{margin-bottom:1.618em}.woocommerce div.product div.images{margin-bottom:2em}.woocommerce div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce div.product div.images div.thumbnails{padding-top:1em}.woocommerce div.product div.images.woocommerce-product-gallery{position:relative}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{transition:all cubic-bezier(.795,-.035,0,1) .5s;margin:0;padding:0}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#fff;opacity:0}.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder{border:1px solid #f2f2f2}.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:25%;display:inline-block}.woocommerce div.product div.images .woocommerce-product-gallery__image a{display:block;outline-offset:-2px}.woocommerce div.product div.images .woocommerce-product-gallery__trigger{background:#fff;border:none;box-sizing:content-box;border-radius:100%;cursor:pointer;font-size:2em;height:36px;padding:0;position:absolute;right:.5em;text-indent:-9999px;top:.5em;width:36px;z-index:99}.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before{border:2px solid #000;border-radius:100%;box-sizing:content-box;content:"";display:block;height:10px;left:9px;top:9px;position:absolute;width:10px}.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{background:#000;border-radius:6px;box-sizing:content-box;content:"";display:block;height:8px;left:22px;position:absolute;top:19px;transform:rotate(-45deg);width:2px}.woocommerce div.product div.images .woocommerce-product-gallery__trigger span[aria-hidden=true]{border:0;clip-path:inset(50%);height:1px;left:50%;margin:-1px;overflow:hidden;position:absolute;top:50%;width:1px}.woocommerce div.product div.images .flex-control-thumbs{overflow:hidden;zoom:1;margin:0;padding:0}.woocommerce div.product div.images .flex-control-thumbs li{width:25%;float:left;margin:0;list-style:none}.woocommerce div.product div.images .flex-control-thumbs li img{cursor:pointer;opacity:.5;margin:0}.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce div.product div.images .flex-control-thumbs li img:hover{opacity:1}.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1){clear:left}.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear:left}.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1){clear:left}.woocommerce div.product div.summary{margin-bottom:2em}.woocommerce div.product div.social{text-align:right;margin:0 0 1em}.woocommerce div.product div.social span{margin:0 0 0 2px}.woocommerce div.product div.social span span{margin:0}.woocommerce div.product div.social span .stButton .chicklets{padding-left:16px;width:0}.woocommerce div.product div.social iframe{float:left;margin-top:3px}.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0 0 0 1em;margin:0 0 1.618em;overflow:hidden;position:relative}.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid #cfc8d8;background-color:#e9e6ed;color:#515151;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 -5px;padding:0 1em}.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none}.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6b6b}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;color:#515151;z-index:2;border-bottom-color:#fff}.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:inherit;text-shadow:inherit}.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{box-shadow:2px 2px 0 #fff}.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow:-2px 2px 0 #fff}.woocommerce div.product .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before{border:1px solid #cfc8d8;position:absolute;bottom:-1px;width:5px;height:5px;content:" ";box-sizing:border-box}.woocommerce div.product .woocommerce-tabs ul.tabs li::before{left:-5px;border-bottom-right-radius:4px;border-width:0 1px 1px 0;box-shadow:2px 2px 0 #e9e6ed}.woocommerce div.product .woocommerce-tabs ul.tabs li::after{right:-5px;border-bottom-left-radius:4px;border-width:0 0 1px 1px;box-shadow:-2px 2px 0 #e9e6ed}.woocommerce div.product .woocommerce-tabs ul.tabs::before{position:absolute;content:" ";width:100%;bottom:0;left:0;border-bottom:1px solid #cfc8d8;z-index:1}.woocommerce div.product .woocommerce-tabs .panel{margin:0 0 2em;padding:0}.woocommerce div.product p.cart{margin-bottom:2em}.woocommerce div.product p.cart::after,.woocommerce div.product p.cart::before{content:" ";display:table}.woocommerce div.product p.cart::after{clear:both}.woocommerce div.product form.cart{margin-bottom:2em}.woocommerce div.product form.cart::after,.woocommerce div.product form.cart::before{content:" ";display:table}.woocommerce div.product form.cart::after{clear:both}.woocommerce div.product form.cart div.quantity{float:left;margin:0 4px 0 0}.woocommerce div.product form.cart table{border-width:0 0 1px}.woocommerce div.product form.cart table td{padding-left:0}.woocommerce div.product form.cart table div.quantity{float:none;margin:0}.woocommerce div.product form.cart table small.stock{display:block;float:none}.woocommerce div.product form.cart .variations{margin-bottom:1em;border:0;width:100%}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{border:0;line-height:2em;vertical-align:top}.woocommerce div.product form.cart .variations label{font-weight:700;text-align:left}.woocommerce div.product form.cart .variations select{max-width:100%;min-width:75%;display:inline-block;margin-right:1em;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:3em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;background-size:16px;-webkit-background-size:16px;background-position:calc(100% - 12px) 50%;-webkit-background-position:calc(100% - 12px) 50%}.woocommerce div.product form.cart .variations td.label{padding-right:1em}.woocommerce div.product form.cart .woocommerce-variation-description p{margin-bottom:1em}.woocommerce div.product form.cart .reset_variations{visibility:hidden;font-size:.83em}.woocommerce div.product form.cart .wc-no-matching-variations{display:none}.woocommerce div.product form.cart .button{vertical-align:middle;float:left}.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label{padding-right:1em;padding-left:1em}.woocommerce div.product form.cart .group_table td{vertical-align:top;padding-bottom:.5em;border:0}.woocommerce div.product form.cart .group_table td:first-child{width:4em;text-align:center}.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox{display:inline-block;width:auto;margin:0 auto;transform:scale(1.5,1.5)}.woocommerce span.onsale{min-height:3.236em;min-width:3.236em;padding:.202em;font-size:1em;font-weight:700;position:absolute;text-align:center;line-height:3.236;top:-.5em;left:-.5em;margin:0;border-radius:100%;background-color:#958e09;color:#fff;font-size:.857em;z-index:9}.woocommerce .products ul,.woocommerce ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both}.woocommerce .products ul::after,.woocommerce .products ul::before,.woocommerce ul.products::after,.woocommerce ul.products::before{content:" ";display:table}.woocommerce .products ul::after,.woocommerce ul.products::after{clear:both}.woocommerce .products ul li,.woocommerce ul.products li{list-style:none outside}.woocommerce ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}.woocommerce ul.products li.product a{text-decoration:none}.woocommerce ul.products li.product a.woocommerce-loop-product__link{display:block}.woocommerce ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce ul.products li.product strong{display:block}.woocommerce ul.products li.product .woocommerce-placeholder{border:1px solid #f2f2f2}.woocommerce ul.products li.product .star-rating{font-size:.857em}.woocommerce ul.products li.product .button{display:inline-block;margin-top:1em}.woocommerce ul.products li.product .price{display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce ul.products li.product .price del{color:inherit;opacity:.7;display:inline-block}.woocommerce ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block}.woocommerce ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0 0;text-transform:uppercase;color:rgb(90 89 68 / .5)}.woocommerce .woocommerce-result-count{margin:0 0 1em}.woocommerce .woocommerce-ordering{margin:0 0 1em}.woocommerce .woocommerce-ordering>label{margin-right:.25rem}.woocommerce .woocommerce-ordering select{vertical-align:top}.woocommerce nav.woocommerce-pagination{text-align:center}.woocommerce nav.woocommerce-pagination ul{display:inline-block;white-space:nowrap;padding:0;clear:both;border:1px solid #cfc8d8;border-right:0;margin:1px}.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid #cfc8d8;padding:0;margin:0;float:left;display:inline;overflow:hidden}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.5em;min-width:1em;display:block}.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:#e9e6ed;color:#816f98}.woocommerce .cart .button,.woocommerce .cart input.button{float:none}.woocommerce a.added_to_cart{padding-top:.5em;display:inline-block}.woocommerce #reviews h2 small{float:right;color:#767676;font-size:15px;margin:10px 0 0}.woocommerce #reviews h2 small a{text-decoration:none;color:#767676}.woocommerce #reviews h3{margin:0}.woocommerce #reviews #respond{margin:0;border:0;padding:0}.woocommerce #reviews #comment{height:75px}.woocommerce #reviews #comments .add_review::after,.woocommerce #reviews #comments .add_review::before{content:" ";display:table}.woocommerce #reviews #comments .add_review::after{clear:both}.woocommerce #reviews #comments h2{clear:none}.woocommerce #reviews #comments ol.commentlist{margin:0;width:100%;background:0 0;list-style:none}.woocommerce #reviews #comments ol.commentlist::after,.woocommerce #reviews #comments ol.commentlist::before{content:" ";display:table}.woocommerce #reviews #comments ol.commentlist::after{clear:both}.woocommerce #reviews #comments ol.commentlist li{padding:0;margin:0 0 20px;border:0;position:relative;background:0;border:0}.woocommerce #reviews #comments ol.commentlist li img.avatar{float:left;position:absolute;top:0;left:0;padding:3px;width:32px;height:auto;background:#e9e6ed;border:1px solid #e1dde7;margin:0;box-shadow:none}.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border:1px solid #e1dde7;border-radius:4px;padding:1em 1em 0}.woocommerce #reviews #comments ol.commentlist li .comment-text::after,.woocommerce #reviews #comments ol.commentlist li .comment-text::before{content:" ";display:table}.woocommerce #reviews #comments ol.commentlist li .comment-text::after{clear:both}.woocommerce #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1em}.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size:.83em}.woocommerce #reviews #comments ol.commentlist ul.children{list-style:none outside;margin:20px 0 0 50px}.woocommerce #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce #reviews #comments ol.commentlist #respond{border:1px solid #e1dde7;border-radius:4px;padding:1em 1em 0;margin:20px 0 0 50px}.woocommerce #reviews #comments .commentlist>li::before{content:""}.woocommerce .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:WooCommerce}.woocommerce .star-rating::before{content:"sssss";color:#cfc8d8;float:left;top:0;left:0;position:absolute}.woocommerce .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.woocommerce .star-rating span::before{content:"SSSSS";top:0;position:absolute;left:0}.woocommerce .woocommerce-product-rating{line-height:2;display:block}.woocommerce .woocommerce-product-rating::after,.woocommerce .woocommerce-product-rating::before{content:" ";display:table}.woocommerce .woocommerce-product-rating::after{clear:both}.woocommerce .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left}.woocommerce .products .star-rating{display:block;margin:0 0 .5em;float:none}.woocommerce .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce #review_form #respond{position:static;margin:0;width:auto;padding:0;background:#fff0 none;border:0}.woocommerce #review_form #respond::after,.woocommerce #review_form #respond::before{content:" ";display:table}.woocommerce #review_form #respond::after{clear:both}.woocommerce #review_form #respond p{margin:0 0 10px}.woocommerce #review_form #respond .form-submit input{left:auto}.woocommerce #review_form #respond textarea{box-sizing:border-box;width:100%}.woocommerce p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none;font-size:24px}.woocommerce p.stars a::before{display:block;position:absolute;top:0;left:0;width:1em;height:1em;line-height:1;font-family:WooCommerce;content:"\e021";text-indent:0}.woocommerce p.stars a:hover~a::before{content:"\e021"}.woocommerce p.stars:hover a::before{content:"\e020"}.woocommerce p.stars.selected a.active::before{content:"\e020"}.woocommerce p.stars.selected a.active~a::before{content:"\e021"}.woocommerce p.stars.selected a:not(.active)::before{content:"\e020"}.woocommerce table.shop_attributes{border:0;border-top:1px dotted rgb(0 0 0 / .1);margin-bottom:1.618em;width:100%}.woocommerce table.shop_attributes th{width:150px;font-weight:700;padding:8px;border-top:0;border-bottom:1px dotted rgb(0 0 0 / .1);margin:0;line-height:1.5}.woocommerce table.shop_attributes td{font-style:italic;padding:0;border-top:0;border-bottom:1px dotted rgb(0 0 0 / .1);margin:0;line-height:1.5}.woocommerce table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce table.shop_attributes tr:nth-child(even) td,.woocommerce table.shop_attributes tr:nth-child(even) th{background:rgb(0 0 0 / .025)}.woocommerce table.shop_table{border:1px solid rgb(0 0 0 / .1);margin:0 -1px 24px 0;text-align:left;width:100%;border-collapse:separate;border-radius:5px}.woocommerce table.shop_table th{font-weight:700;padding:9px 12px;line-height:1.5em}.woocommerce table.shop_table td{border-top:1px solid rgb(0 0 0 / .1);padding:9px 12px;vertical-align:middle;line-height:1.5em}.woocommerce table.shop_table td small{font-weight:400}.woocommerce table.shop_table td del{font-weight:400}.woocommerce table.shop_table tbody:first-child tr:first-child td,.woocommerce table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th{font-weight:700;border-top:1px solid rgb(0 0 0 / .1)}.woocommerce table.my_account_orders{font-size:.85em}.woocommerce table.my_account_orders td,.woocommerce table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce table.my_account_orders .button{white-space:nowrap}.woocommerce table.woocommerce-MyAccount-downloads td,.woocommerce table.woocommerce-MyAccount-downloads th{vertical-align:top;text-align:center}.woocommerce table.woocommerce-MyAccount-downloads td:first-child,.woocommerce table.woocommerce-MyAccount-downloads th:first-child{text-align:left}.woocommerce table.woocommerce-MyAccount-downloads td:last-child,.woocommerce table.woocommerce-MyAccount-downloads th:last-child{text-align:left}.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before{content:"↓";display:inline-block}.woocommerce td.product-name .wc-item-meta,.woocommerce td.product-name dl.variation{list-style:none outside}.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce td.product-name .wc-item-meta dt,.woocommerce td.product-name dl.variation .wc-item-meta-label,.woocommerce td.product-name dl.variation dt{float:left;clear:both;margin-right:.25em;display:inline-block;list-style:none outside}.woocommerce td.product-name .wc-item-meta dd,.woocommerce td.product-name dl.variation dd{margin:0}.woocommerce td.product-name .wc-item-meta p,.woocommerce td.product-name .wc-item-meta:last-child,.woocommerce td.product-name dl.variation p,.woocommerce td.product-name dl.variation:last-child{margin-bottom:0}.woocommerce td.product-name p.backorder_notification{font-size:.83em}.woocommerce td.product-quantity{min-width:80px}.woocommerce ul.cart_list,.woocommerce ul.product_list_widget{list-style:none outside;padding:0;margin:0}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{padding:4px 0;margin:0;list-style:none}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a{display:block;font-weight:700}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img{float:right;margin-left:4px;width:32px;height:auto;box-shadow:none}.woocommerce ul.cart_list li dl,.woocommerce ul.product_list_widget li dl{margin:0;padding-left:1em;border-left:2px solid rgb(0 0 0 / .1)}.woocommerce ul.cart_list li dl::after,.woocommerce ul.cart_list li dl::before,.woocommerce ul.product_list_widget li dl::after,.woocommerce ul.product_list_widget li dl::before{content:" ";display:table}.woocommerce ul.cart_list li dl::after,.woocommerce ul.product_list_widget li dl::after{clear:both}.woocommerce ul.cart_list li dl dd,.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dd,.woocommerce ul.product_list_widget li dl dt{display:inline-block;float:left;margin-bottom:1em}.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dt{font-weight:700;padding:0 0 .25em;margin:0 4px 0 0;clear:left}.woocommerce ul.cart_list li dl dd,.woocommerce ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce ul.cart_list li dl dd p:last-child,.woocommerce ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce ul.cart_list li .star-rating,.woocommerce ul.product_list_widget li .star-rating{float:none}.woocommerce .widget_shopping_cart .total,.woocommerce.widget_shopping_cart .total{border-top:3px double #e9e6ed;padding:4px 0 0}.woocommerce .widget_shopping_cart .total strong,.woocommerce.widget_shopping_cart .total strong{min-width:40px;display:inline-block}.woocommerce .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding-left:2em;position:relative;padding-top:0}.woocommerce .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;top:0;left:0}.woocommerce .widget_shopping_cart .buttons::after,.woocommerce .widget_shopping_cart .buttons::before,.woocommerce.widget_shopping_cart .buttons::after,.woocommerce.widget_shopping_cart .buttons::before{content:" ";display:table}.woocommerce .widget_shopping_cart .buttons::after,.woocommerce.widget_shopping_cart .buttons::after{clear:both}.woocommerce .widget_shopping_cart .buttons a,.woocommerce.widget_shopping_cart .buttons a{margin-right:5px;margin-bottom:5px}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border:1px solid #cfc8d8;padding:20px;margin:2em 0;text-align:left;border-radius:5px}.woocommerce form.checkout_coupon .coupon-error-notice{color:var(--wc-red);display:block;font-size:.75em;margin-top:8px}.woocommerce form.checkout_coupon .input-text.has-error:focus{border-color:var(--wc-red)}.woocommerce ul#shipping_method{list-style:none outside;margin:0;padding:0}.woocommerce ul#shipping_method li{margin:0 0 .5em;line-height:1.5em;list-style:none outside}.woocommerce ul#shipping_method li input{margin:3px .4375em 0 0;vertical-align:top}.woocommerce ul#shipping_method li label{display:inline}.woocommerce ul#shipping_method .amount{font-weight:700}.woocommerce p.woocommerce-shipping-contents{margin:0}.woocommerce .wc_bis_form{margin:2em 0;padding:0}.woocommerce .wc_bis_form.hidden{display:none}.woocommerce .wc_bis_form__form-row{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;gap:.7em;margin:.7em 0}.woocommerce .wc_bis_form__input{box-sizing:border-box;width:auto;white-space:nowrap}.woocommerce .wc_bis_form__button{box-sizing:border-box;white-space:nowrap}.woocommerce .wc_bis_form__checkbox{font-size:var(--wp--preset--font-size--small,.7em);display:block}.woocommerce :where(.wc_bis_form__input,.wc_bis_form__button){padding:.9rem 1.1rem;line-height:1}.woocommerce ul.order_details{margin:0 0 3em;list-style:none}.woocommerce ul.order_details::after,.woocommerce ul.order_details::before{content:" ";display:table}.woocommerce ul.order_details::after{clear:both}.woocommerce ul.order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-right:1px dashed #cfc8d8;padding-right:2em;margin-left:0;padding-left:0;list-style-type:none}.woocommerce ul.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce ul.order_details li:last-of-type{border:none}.woocommerce .wc-bacs-bank-details-account-name{font-weight:700}.woocommerce .woocommerce-customer-details,.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-order-downloads{margin-bottom:2em}.woocommerce .woocommerce-customer-details .order-actions--heading,.woocommerce .woocommerce-order-details .order-actions--heading,.woocommerce .woocommerce-order-downloads .order-actions--heading{vertical-align:middle}.woocommerce .woocommerce-customer-details .order-actions-button,.woocommerce .woocommerce-order-details .order-actions-button,.woocommerce .woocommerce-order-downloads .order-actions-button{margin-right:10px}.woocommerce .woocommerce-customer-details .order-actions-button:last-child,.woocommerce .woocommerce-order-details .order-actions-button:last-child,.woocommerce .woocommerce-order-downloads .order-actions-button:last-child{margin-right:0}.woocommerce .woocommerce-customer-details :last-child,.woocommerce .woocommerce-order-details :last-child,.woocommerce .woocommerce-order-downloads :last-child{margin-bottom:0}.woocommerce .woocommerce-customer-details .additional-fields,.woocommerce .woocommerce-customer-details .addresses{margin-bottom:2em}.woocommerce .woocommerce-customer-details .additional-fields:last-child,.woocommerce .woocommerce-customer-details .addresses:last-child{margin-bottom:0}.woocommerce .addresses .wc-block-components-additional-fields-list{margin:0;padding:0}.woocommerce .addresses .wc-block-components-additional-fields-list dt{margin:0;padding:0;font-style:normal;font-weight:700;display:inline}.woocommerce .addresses .wc-block-components-additional-fields-list dt::after{content:": "}.woocommerce .addresses .wc-block-components-additional-fields-list dt::before{content:"";display:block}.woocommerce .addresses .wc-block-components-additional-fields-list dd{margin:0;padding:0;font-style:normal;display:inline}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list{border:1px solid rgb(0 0 0 / .1);padding:0;display:grid;grid-template-columns:1fr max-content}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt{border-bottom:1px solid rgb(0 0 0 / .1);font-style:normal;font-weight:700;padding:1rem;box-sizing:border-box;margin:0!important}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt::after{display:none}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt:last-of-type{border-bottom:0}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd{border-bottom:1px solid rgb(0 0 0 / .1);padding:1rem;box-sizing:border-box;text-align:right;margin:0!important}.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd:last-of-type{border-bottom:0}.woocommerce .woocommerce-customer-details .woocommerce-column__title{margin-top:0}.woocommerce .woocommerce-customer-details address{font-style:normal;margin-bottom:0;border:1px solid rgb(0 0 0 / .1);border-bottom-width:2px;border-right-width:2px;text-align:left;width:100%;border-radius:5px;padding:6px 12px;box-sizing:border-box}.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{padding-left:1.5em}.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:last-child,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:last-child{margin-bottom:0}.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e037";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e02d";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce .woocommerce-widget-layered-nav-list{margin:0;padding:0;border:0;list-style:none outside}.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{padding:0 0 1px;list-style:none}.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{content:" ";display:table}.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after{clear:both}.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{padding:1px 0}.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e013";text-decoration:none;color:var(--wc-red)}.woocommerce .woocommerce-widget-layered-nav-dropdown__submit{margin-top:1em}.woocommerce .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none outside;overflow:hidden;zoom:1}.woocommerce .widget_layered_nav_filters ul li{float:left;padding:0 1em 1px 1px;list-style:none}.woocommerce .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce .widget_layered_nav_filters ul li a::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e013";text-decoration:none;color:var(--wc-red);vertical-align:inherit;margin-right:.5em}.woocommerce .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce .widget_price_filter .price_slider_amount{text-align:right;line-height:2.4;font-size:.8751em}.woocommerce .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:left}.woocommerce .widget_price_filter .ui-slider{position:relative;text-align:left;margin-left:.5em;margin-right:.5em}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#7f54b3;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#7f54b3}.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#35224c;border:0}.woocommerce .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.woocommerce .widget_rating_filter ul{margin:0;padding:0;border:0;list-style:none outside}.woocommerce .widget_rating_filter ul li{padding:0 0 1px;list-style:none}.woocommerce .widget_rating_filter ul li::after,.woocommerce .widget_rating_filter ul li::before{content:" ";display:table}.woocommerce .widget_rating_filter ul li::after{clear:both}.woocommerce .widget_rating_filter ul li a{padding:1px 0;text-decoration:none}.woocommerce .widget_rating_filter ul li .star-rating{float:none;display:inline-block}.woocommerce .widget_rating_filter ul li.chosen a::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e013";text-decoration:none;color:var(--wc-red)}.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:left;margin-right:1em}.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{display:inline-block}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;left:auto;color:#515151;background-color:#e9e6ed;border:0;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading{opacity:.25;padding-right:2.618em}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after{font-family:WooCommerce;content:"\e01c";vertical-align:top;font-weight:400;position:absolute;top:.618em;right:1em;animation:spin 2s linear infinite}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover{background-color:#dcd7e2;text-decoration:none;background-image:none;color:#515151}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{background-color:#7f54b3;color:#fff;-webkit-font-smoothing:antialiased}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{background-color:#7249a4;color:#fff}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover{background-color:#7f54b3;color:#fff}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]{color:inherit;cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover{color:inherit;background-color:#e9e6ed}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb{font-size:.92em;color:#767676}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a{color:#767676}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color:#958e09;font-size:1.25em}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{color:#958e09}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock{color:var(--wc-red)}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{color:#958e09}.woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta{color:#767676;font-size:.75em}.woocommerce-no-js form.woocommerce-form-coupon,.woocommerce-no-js form.woocommerce-form-login{display:block!important}.woocommerce-no-js .showcoupon,.woocommerce-no-js .woocommerce-form-coupon-toggle,.woocommerce-no-js .woocommerce-form-login-toggle{display:none!important}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 2em 1em 3.5em;margin:0 0 2em;position:relative;background-color:#f6f5f8;color:#515151;border-top:3px solid #720eec;list-style:none outside;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:" ";display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:"\e028";content:"\e028"/"";display:inline-block;position:absolute;top:1em;left:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:right}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-left:0!important;margin-left:0!important}.rtl.woocommerce .price_label,.rtl.woocommerce .price_label span{direction:ltr;unicode-bidi:embed}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:"\e015";color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:"\e016";color:#b81c23}.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before{content:" ";display:table}.woocommerce-account .woocommerce::after{clear:both}.woocommerce-account .addresses .title::after,.woocommerce-account .addresses .title::before{content:" ";display:table}.woocommerce-account .addresses .title::after{clear:both}.woocommerce-account .addresses .title h3{float:left}.woocommerce-account .addresses .title .edit{float:right}.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.woocommerce-account ul.digital-downloads{margin-left:0;padding-left:0}.woocommerce-account ul.digital-downloads li{list-style:none;margin-left:0;padding-left:0}.woocommerce-account ul.digital-downloads li::before{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"\e00a";text-decoration:none}.woocommerce-account ul.digital-downloads li .count{float:right}#add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail{min-width:32px}#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img{width:32px;box-shadow:none}#add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th{vertical-align:middle}#add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text{float:left;box-sizing:border-box;border:1px solid #cfc8d8;padding:6px 6px 5px;margin:0 4px 0 0;outline:0}#add_payment_method table.cart td.actions .coupon .input-text.has-error:focus,.woocommerce-cart table.cart td.actions .coupon .input-text.has-error:focus,.woocommerce-checkout table.cart td.actions .coupon .input-text.has-error:focus{border-color:var(--wc-red)}#add_payment_method table.cart td.actions .coupon .coupon-error-notice,.woocommerce-cart table.cart td.actions .coupon .coupon-error-notice,.woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice{clear:left;color:var(--wc-red);flex-basis:100%;float:none;font-size:.75em;margin-bottom:0;margin-top:8px;text-align:left;width:auto}#add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input{margin:0;vertical-align:middle}#add_payment_method .wc-proceed-to-checkout,.woocommerce-cart .wc-proceed-to-checkout,.woocommerce-checkout .wc-proceed-to-checkout{padding:1em 0}#add_payment_method .wc-proceed-to-checkout::after,#add_payment_method .wc-proceed-to-checkout::before,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::before,.woocommerce-checkout .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::before{content:" ";display:table}#add_payment_method .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::after{clear:both}#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em;font-size:1.25em;padding:1em}#add_payment_method .cart-collaterals .shipping-calculator-button,.woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce-checkout .cart-collaterals .shipping-calculator-button{float:none;margin-top:.5em;display:inline-block}#add_payment_method .cart-collaterals .shipping-calculator-button::after,.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"\e019";text-decoration:none}#add_payment_method .cart-collaterals .shipping-calculator-form,.woocommerce-cart .cart-collaterals .shipping-calculator-form,.woocommerce-checkout .cart-collaterals .shipping-calculator-form{margin:1em 0 0 0}#add_payment_method .cart-collaterals .cart_totals p small,.woocommerce-cart .cart-collaterals .cart_totals p small,.woocommerce-checkout .cart-collaterals .cart_totals p small{color:#767676;font-size:.83em}#add_payment_method .cart-collaterals .cart_totals table,.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout .cart-collaterals .cart_totals table{border-collapse:separate;margin:0 0 6px;padding:0}#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th{border-top:0}#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table th{width:35%}#add_payment_method .cart-collaterals .cart_totals table td,#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table td,.woocommerce-checkout .cart-collaterals .cart_totals table th{vertical-align:top;border-left:0;border-right:0;line-height:1.5em}#add_payment_method .cart-collaterals .cart_totals table small,.woocommerce-cart .cart-collaterals .cart_totals table small,.woocommerce-checkout .cart-collaterals .cart_totals table small{color:#767676}#add_payment_method .cart-collaterals .cart_totals table select,.woocommerce-cart .cart-collaterals .cart_totals table select,.woocommerce-checkout .cart-collaterals .cart_totals table select{width:100%}#add_payment_method .cart-collaterals .cart_totals .discount td,.woocommerce-cart .cart-collaterals .cart_totals .discount td,.woocommerce-checkout .cart-collaterals .cart_totals .discount td{color:#958e09}#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top:1px solid #e9e6ed}#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination,.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,.woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination{margin-bottom:0}#add_payment_method .cart-collaterals .cross-sells ul.products li.product,.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product{margin-top:0}#add_payment_method .checkout .col-2 h3#ship-to-different-address,.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:left;clear:none}#add_payment_method .checkout .col-2 .notes,.woocommerce-cart .checkout .col-2 .notes,.woocommerce-checkout .checkout .col-2 .notes{clear:left}#add_payment_method .checkout .col-2 .form-row-first,.woocommerce-cart .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .form-row-first{clear:left}#add_payment_method .checkout .create-account small,.woocommerce-cart .checkout .create-account small,.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#767676;font-weight:400}#add_payment_method .checkout div.shipping-address,.woocommerce-cart .checkout div.shipping-address,.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:left;width:100%}#add_payment_method .checkout .shipping_address,.woocommerce-cart .checkout .shipping_address,.woocommerce-checkout .checkout .shipping_address{clear:both}#add_payment_method .checkout .checkout-inline-error-message,.woocommerce-cart .checkout .checkout-inline-error-message,.woocommerce-checkout .checkout .checkout-inline-error-message{color:var(--wc-red);font-size:.75em;margin-bottom:0}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{background:rgb(129 110 153 / .14);border-radius:5px}#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{text-align:left;padding:1em;border-bottom:1px solid rgb(104 87 125 / .14);margin:0;list-style:none outside}#add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:" ";display:table}#add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both}#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:left;margin:0;font-weight:400}#add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{margin:0 1em 0 0}#add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 .5em;padding:0;position:relative;box-shadow:none}#add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img{margin-left:2px}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{content:" ";display:table}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after{clear:both}#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em}#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dcd7e2;color:#515151}#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-cart #payment div.payment_box input.input-text,.woocommerce-cart #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#c2bacd;border-top-color:#b5abc2}#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder{color:#b5abc2}#add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-cart #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder{color:#b5abc2}#add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder{color:#b5abc2}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{list-style:none outside;margin:0}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{margin:0 0 .5em}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{cursor:pointer}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput{vertical-align:middle;margin:-3px 1em 0 0;position:relative}#add_payment_method #payment div.payment_box .wc-credit-card-form,.woocommerce-cart #payment div.payment_box .wc-credit-card-form,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{border:0;padding:0;margin:1em 0 0}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:right .618em center;background-size:32px 20px}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.svg)}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url(/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.svg)}#add_payment_method #payment div.payment_box span.help,.woocommerce-cart #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#767676;font-weight:400}#add_payment_method #payment div.payment_box .form-row,.woocommerce-cart #payment div.payment_box .form-row,.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{content:"";display:block;border:1em solid #dcd7e2;border-right-color:#fff0;border-left-color:#fff0;border-top-color:#fff0;position:absolute;top:-.75em;left:0;margin:-1em 0 0 2em}#add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal{float:right;line-height:52px;font-size:.83em}#add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}.woocommerce-terms-and-conditions{border:1px solid rgb(0 0 0 / .2);box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);background:rgb(0 0 0 / .05)}.woocommerce-invalid #terms{outline:2px solid var(--wc-red);outline-offset:2px}.woocommerce-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:1em}.woocommerce-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.woocommerce-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.woocommerce-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.woocommerce-password-strength.good{background-color:#ffe399;border-color:#ffc733}.woocommerce-password-hint{margin:.5em 0 0;display:block}#content.twentyeleven .woocommerce-pagination a{font-size:1em;line-height:1}.single-product .twentythirteen #reply-title,.single-product .twentythirteen #respond #commentform,.single-product .twentythirteen .entry-summary{padding:0}.single-product .twentythirteen p.stars{clear:both}.twentythirteen .woocommerce-breadcrumb{padding-top:40px}.twentyfourteen ul.products li.product{margin-top:0!important}body:not(.search-results) .twentysixteen .entry-summary{color:inherit;font-size:inherit;line-height:inherit}.twentysixteen .price ins{background:inherit;color:inherit}.woocommerce form .form-row .required{visibility:visible}:root{--abc-primary:#14B8A6;--abc-primary-dark:#0D9488;--abc-success:#10B981;--abc-warning:#F59E0B;--abc-warning-dark:#D97706;--abc-danger:#EF4444;--abc-text:#1F2937;--abc-text-muted:#6B7280;--abc-border:#E5E7EB;--abc-bg:#FFFFFF;--abc-bg-light:#F9FAFB;--abc-radius:18px;--abc-radius-sm:12px;--abc-shadow:0 4px 20px rgba(0, 0, 0, 0.08);--abc-shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--abc-shadow-lg:0 10px 40px rgba(0, 0, 0, 0.15)}.abc-floating-cart{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,var(--abc-primary) 0%,var(--abc-primary-dark) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgb(20 184 166 / .4);z-index:9997;transition:all 0.3s ease}.abc-floating-cart:hover{transform:scale(1.1);box-shadow:0 6px 30px rgb(20 184 166 / .5)}.abc-floating-cart:active{transform:scale(.95)}.abc-floating-cart svg{width:26px;height:26px}.abc-floating-cart__count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;background:var(--abc-danger);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center;border-radius:11px;box-shadow:0 2px 8px rgb(239 68 68 / .4)}.abc-floating-cart__count:empty,.abc-floating-cart__count[data-count="0"]{display:none}body.woocommerce-cart .abc-floating-cart,body.woocommerce-checkout .abc-floating-cart{display:none}.abc-drawer-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:99998;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(2px)}.abc-drawer-backdrop.active{opacity:1;visibility:visible}.abc-drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:var(--abc-bg);z-index:99999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.35s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px rgb(0 0 0 / .15)}.abc-drawer.open{transform:translateX(0)}.abc-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--abc-border);flex-shrink:0}.abc-drawer__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--abc-text);margin:0}.abc-drawer__title svg{color:var(--abc-primary)}.abc-drawer__count{font-weight:400;color:var(--abc-text-muted)}.abc-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--abc-bg-light);border:none;border-radius:50%;cursor:pointer;transition:all 0.2s ease;color:var(--abc-text-muted)}.abc-drawer__close:hover{background:var(--abc-border);color:var(--abc-text)}.abc-drawer__body{flex:1;overflow-y:auto;padding:0;overscroll-behavior:contain}.abc-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;height:100%}.abc-drawer__empty-icon{color:var(--abc-border);margin-bottom:20px}.abc-drawer__empty-text{font-size:16px;color:var(--abc-text-muted);margin:0 0 24px}.abc-drawer__empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--abc-primary);text-decoration:none;border-radius:10px;transition:all 0.2s ease}.abc-drawer__empty-btn:hover{background:var(--abc-primary-dark);color:#fff}.abc-drawer__items{list-style:none;margin:0;padding:0}.abc-drawer__item{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;border-bottom:1px solid var(--abc-border);position:relative;transition:background 0.2s ease}.abc-drawer__item:hover{background:var(--abc-bg-light)}.abc-drawer__item.removing{opacity:.5;pointer-events:none}.abc-drawer__item-image{flex-shrink:0;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--abc-bg-light);border:1px solid var(--abc-border)}.abc-drawer__item-image img{width:100%;height:100%;object-fit:cover}.abc-drawer__item-info{flex:1;min-width:0;padding-right:36px}.abc-drawer__item-name{display:block;font-size:14px;font-weight:600;color:var(--abc-text);text-decoration:none;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abc-drawer__item-name:hover{color:var(--abc-primary)}.abc-drawer__item-meta{display:flex;align-items:center;gap:6px;font-size:13px}.abc-drawer__item-qty{color:var(--abc-text-muted)}.abc-drawer__item-price{font-weight:600;color:var(--abc-primary)}.abc-drawer__item-price del{color:var(--abc-text-muted);font-weight:400;font-size:11px;text-decoration:line-through;opacity:.7}.abc-drawer__item-price ins{text-decoration:none;font-weight:700;color:var(--abc-primary)}.abc-drawer__item--gift{border:1.5px solid #6EE7B7;background:linear-gradient(135deg,#F0FDF9,#ECFDF5,#F0FDF4);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgb(16 185 129 / .08),0 2px 8px rgb(16 185 129 / .1)}.abc-drawer__item--gift::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10B981,#34D399,#6EE7B7,#34D399,#10B981)}.abc-drawer__item-gift-badge{font-size:11px;font-weight:700;color:#065F46;background:linear-gradient(135deg,#D1FAE5,#A7F3D0);border:1px solid #6EE7B7;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.abc-drawer__item-gift-badge svg{color:#059669}.abc-drawer__item-price--free{color:#059669!important;font-weight:800!important;font-size:13px}.abc-drawer__item-remove{position:absolute;top:16px;right:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff0;border:none;border-radius:8px;cursor:pointer;color:var(--abc-text-muted);transition:all 0.2s ease}.abc-drawer__item-remove:hover{background:#FEE2E2;color:var(--abc-danger)}.abc-drawer__footer{flex-shrink:0;padding:16px 24px 20px;border-top:1px solid var(--abc-border);background:var(--abc-bg-light)}.abc-foot__ship-ok{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#059669;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:20px;padding:4px 12px;margin-bottom:12px}.abc-foot__ship-ok svg{color:#059669;flex-shrink:0}.abc-foot__ship{margin-bottom:12px;padding:8px 12px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px}.abc-foot__ship-info{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#92400E;margin-bottom:6px}.abc-foot__ship-info svg{flex-shrink:0;color:#D97706}.abc-foot__ship-info strong{font-weight:700}.abc-foot__ship-bar{height:4px;background:rgb(0 0 0 / .06);border-radius:2px;overflow:hidden}.abc-foot__ship-fill{height:100%;background:linear-gradient(90deg,#F59E0B,#EAB308);border-radius:2px;transition:width 0.6s cubic-bezier(.32,.72,0,1)}.abc-foot__pricing{margin-bottom:14px!important;background:linear-gradient(135deg,#F8FAF9 0%,#F0F7F4 100%)!important;border:1px solid rgb(20 184 166 / .12)!important;border-radius:12px!important;padding:12px 14px!important;box-shadow:0 1px 4px rgb(20 184 166 / .06)}.abc-foot__row{display:flex!important;justify-content:space-between!important;align-items:center!important;line-height:1.4}.abc-foot__row--sub{font-size:13px!important;color:#6B7280!important;padding-bottom:4px}.abc-foot__row--sub span:last-child{font-weight:500!important;text-decoration:line-through!important;opacity:.6;font-size:13px!important}.abc-foot__row--discount{font-size:12px!important;color:#059669!important;font-weight:600!important;padding-bottom:6px}.abc-foot__row--discount span:first-child{display:inline-flex!important;align-items:center!important;gap:4px!important}.abc-foot__row--discount span:first-child svg{flex-shrink:0}.abc-foot__row--total{font-size:14px!important;font-weight:700!important;color:#1F2937!important;padding-top:8px!important;margin-top:4px;border-top:1px solid rgb(20 184 166 / .15)!important;letter-spacing:-.01em}.abc-foot__row--total span:last-child{font-size:18px!important;font-weight:800!important;color:#14B8A6!important;letter-spacing:-.02em}.abc-drawer__subtotal{display:none}.abc-drawer__fbt-discount{display:none}.abc-drawer__total{display:none}.abc-drawer__actions{display:flex;gap:12px}.abc-drawer__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;border-radius:12px;transition:all 0.2s ease;white-space:nowrap}.abc-drawer__btn--secondary{color:var(--abc-text);background:var(--abc-bg);border:2px solid var(--abc-border)}.abc-drawer__btn--secondary:hover{border-color:var(--abc-primary);color:var(--abc-primary)}.abc-drawer__btn--primary{color:#fff;background:linear-gradient(135deg,var(--abc-primary) 0%,var(--abc-primary-dark) 100%);border:none;box-shadow:0 4px 15px rgb(20 184 166 / .35)}.abc-drawer__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(20 184 166 / .45);color:#fff}.abc-drawer__btn--primary svg{transition:transform 0.2s ease}.abc-drawer__btn--primary:hover svg{transform:translateX(3px)}body.abc-drawer-open{overflow:hidden}.abc-mini-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#FEF3C7;border-radius:8px;margin-bottom:12px;font-size:13px;color:#92400E;font-weight:500}.abc-toast{position:fixed;bottom:24px;right:24px;max-width:320px;padding:14px 20px;background:var(--abc-bg);border-radius:var(--abc-radius-sm);box-shadow:var(--abc-shadow-lg);z-index:100000;display:flex;align-items:center;gap:12px;transform:translateX(120%);transition:transform 0.3s ease}.abc-toast.show{transform:translateX(0)}.abc-toast--success{border-left:4px solid var(--abc-success)}.abc-toast--error{border-left:4px solid var(--abc-danger)}.abc-toast__icon{font-size:20px;flex-shrink:0}.abc-toast__message{font-size:14px;color:var(--abc-text);line-height:1.4}.abc-toast__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--abc-text-muted);margin-left:auto}.abc-toast__close:hover{color:var(--abc-text)}.abc-checkout-notice{display:flex;align-items:center;gap:10px}html[data-theme="dark"]{--abc-text:#F9FAFB;--abc-text-muted:#9CA3AF;--abc-border:#374151;--abc-bg:#1F2937;--abc-bg-light:#374151}html[data-theme="dark"] .abc-gifts{background:linear-gradient(135deg,#78350F,#92400E);border-color:#B45309}html[data-theme="dark"] .abc-gifts__title,html[data-theme="dark"] .abc-gifts__subtitle{color:#FDE68A}html[data-theme="dark"] .abc-gifts__subtitle strong{color:#FCD34D}html[data-theme="dark"] .abc-gifts__count{background:rgb(251 191 36 / .2);color:#FDE68A}html[data-theme="dark"] .abc-gifts__track{background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .15)}html[data-theme="dark"] .abc-gifts__ms{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .1)}html[data-theme="dark"] .abc-gifts__ms--earned{background:rgb(16 185 129 / .15);border-color:#065F46}html[data-theme="dark"] .abc-gifts__ms--earned .abc-gifts__ms-amount{color:#6EE7B7}html[data-theme="dark"] .abc-gifts__ms--earned .abc-gifts__ms-name{color:#6EE7B7}html[data-theme="dark"] .abc-gifts__ms--next{background:rgb(251 191 36 / .15);border-color:#92400E}html[data-theme="dark"] .abc-gifts__ms--next .abc-gifts__ms-amount{color:#FDE68A}html[data-theme="dark"] .abc-gifts__ms--next .abc-gifts__ms-name{color:#FCD34D}html[data-theme="dark"] .abc-gifts__ms--locked .abc-gifts__ms-amount{color:#6B7280}html[data-theme="dark"] .abc-gifts__ms--locked .abc-gifts__ms-name{color:#4B5563}html[data-theme="dark"] .abc-gifts__ms--locked .abc-gifts__ms-check{background:#374151;color:#6B7280}html[data-theme="dark"] .abc-xsell,html[data-theme="dark"] .abc-drawer{background:#1F2937;border-color:#374151}html[data-theme="dark"] .abc-xsell__card{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-xsell__btn--link{background:#4B5563;border-color:#6B7280}html[data-theme="dark"] .abc-drawer__footer{background:#374151}html[data-theme="dark"] .abc-foot__ship-ok{background:#064E3B;border-color:#10B981;color:#6EE7B7}html[data-theme="dark"] .abc-foot__ship{background:#78350F;border-color:#B45309}html[data-theme="dark"] .abc-foot__ship-info{color:#FDE68A}html[data-theme="dark"] .abc-foot__pricing{background:linear-gradient(135deg,#1A2726 0%,#1C2E2A 100%)!important;border-color:rgb(20 184 166 / .2)!important;box-shadow:0 1px 4px rgb(0 0 0 / .2)}html[data-theme="dark"] .abc-foot__row--sub{color:#9CA3AF!important}html[data-theme="dark"] .abc-foot__row--discount{color:#6EE7B7!important}html[data-theme="dark"] .abc-foot__row--total{color:#F3F4F6!important;border-top-color:rgb(20 184 166 / .2)!important}html[data-theme="dark"] .abc-foot__row--total span:last-child{color:#14B8A6!important}html[data-theme="dark"] .abc-drawer__close{background:#374151}html[data-theme="dark"] .abc-drawer__close:hover{background:#4B5563}html[data-theme="dark"] .abc-drawer__item:hover{background:#374151}html[data-theme="dark"] .abc-drawer__item--gift{background:linear-gradient(135deg,#022C22,#064E3B);border-color:#10B981;box-shadow:0 0 0 1px rgb(16 185 129 / .15),0 2px 8px rgb(0 0 0 / .3)}html[data-theme="dark"] .abc-drawer__item--gift::before{background:linear-gradient(90deg,#059669,#10B981,#34D399,#10B981,#059669)}html[data-theme="dark"] .abc-drawer__item-gift-badge{background:linear-gradient(135deg,#065F46,#064E3B);color:#6EE7B7;border-color:#10B981}html[data-theme="dark"] .abc-drawer__item-price--free{color:#6EE7B7!important}html[data-theme="dark"] .abc-drawer__btn--secondary{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-mini-notice{background:#78350F;color:#FDE68A}html[data-theme="dark"] .abc-toast{background:#374151}@media (max-width:479px){.abc-gifts,.abc-xsell{padding:12px}.abc-gifts__title,.abc-xsell__title{font-size:12px}.abc-gifts__dot{width:18px;height:18px}.abc-xsell__btn{padding:10px 12px;font-size:12px}.abc-drawer{max-width:100%}.abc-drawer__header,.abc-drawer__item,.abc-drawer__footer{padding-left:16px;padding-right:16px}.abc-drawer__actions{flex-direction:column}.abc-toast{left:16px;right:16px;max-width:none;bottom:16px}}.abc-wz__backdrop,.abc-gf__backdrop,.abc-sw__backdrop,.abc-atc-backdrop,.abc-bundle-modal__backdrop,.abc-modal-backdrop{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;z-index:99997!important;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;pointer-events:none}.abc-wz__backdrop.active,.abc-gf__backdrop.active,.abc-sw__backdrop.active,.abc-atc-backdrop.active,.abc-bundle-modal__backdrop.active,.abc-modal-backdrop.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.abc-wz,.abc-gf,.abc-sw,.abc-atc-popup,.abc-bundle-modal,.abc-modal{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:16px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99998!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease;box-sizing:border-box!important}.abc-wz.open,.abc-gf.open,.abc-sw.open,.abc-atc-popup.open,.abc-bundle-modal.open,.abc-modal.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.abc-wz__container,.abc-gf__container,.abc-sw__container,.abc-atc-popup__container,.abc-bundle-modal__container,.abc-modal__container{position:relative!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;box-shadow:0 25px 60px rgb(0 0 0 / .25)!important;max-height:90vh!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important;float:none!important}.abc-wz__container{max-width:640px!important}.abc-gf__container{max-width:460px!important}.abc-sw__container{max-width:460px!important}.abc-wz__body,.abc-gf__body,.abc-sw__body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;flex:1 1 auto!important;min-height:0!important}.abc-wz__header,.abc-gf__header,.abc-sw__header{flex:0 0 auto!important;position:relative!important;z-index:2!important}.abc-wz__footer,.abc-gf__actions,.abc-sw__actions{flex:0 0 auto!important;position:relative!important;z-index:2!important}.abc-wz__close,.abc-gf__close,.abc-sw__close{position:absolute!important;top:12px!important;right:12px!important;z-index:10!important;background:rgb(0 0 0 / .06)!important;border:none!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;line-height:1!important;color:#374151!important;transition:background 0.2s!important}.abc-wz__close:hover,.abc-gf__close:hover,.abc-sw__close:hover{background:rgb(0 0 0 / .12)!important}body.abc-wz-open,body.abc-gf-open,body.abc-sw-open,body.abc-atc-open,body.abc-bundle-open,body.abc-modal-open{overflow:hidden!important;position:relative!important}@media (max-width:768px){.abc-wz,.abc-gf,.abc-sw{align-items:flex-end!important;padding:0!important}.abc-wz__container,.abc-gf__container,.abc-sw__container{max-width:100%!important;max-height:92vh!important;border-radius:22px 22px 0 0!important;width:100%!important}}.abc-wz button,.abc-wz input,.abc-wz select,.abc-wz textarea,.abc-gf button,.abc-gf input,.abc-gf select,.abc-gf textarea,.abc-sw button,.abc-sw input,.abc-sw select,.abc-sw textarea{font-family:inherit!important;font-size:inherit!important;line-height:1.5!important;box-sizing:border-box!important;-webkit-appearance:none!important;-moz-appearance:none!important}.abc-wz input[type="text"],.abc-wz input[type="number"],.abc-wz input[type="email"],.abc-wz select,.abc-gf input[type="text"],.abc-gf input[type="number"],.abc-gf input[type="email"],.abc-gf select,.abc-sw input[type="text"],.abc-sw input[type="number"],.abc-sw input[type="email"],.abc-sw select{height:48px!important;padding:8px 14px!important;border:1.5px solid #D1D5DB!important;border-radius:14px!important;background:#fff!important;color:#111827!important;outline:none!important;transition:border-color 0.2s!important}.abc-wz input:focus,.abc-gf input:focus,.abc-sw input:focus,.abc-wz select:focus,.abc-gf select:focus,.abc-sw select:focus{border-color:#6366F1!important;box-shadow:0 0 0 3px rgb(99 102 241 / .15)!important}.abc-gf input[type="range"],.abc-sw input[type="range"],.abc-wz input[type="range"]{-webkit-appearance:none!important;appearance:none!important;height:6px!important;background:#E5E7EB!important;border-radius:6px!important;border:none!important;outline:none!important;padding:0!important}.abc-gf input[type="range"]::-webkit-slider-thumb,.abc-sw input[type="range"]::-webkit-slider-thumb,.abc-wz input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none!important;width:22px!important;height:22px!important;background:#6366F1!important;border-radius:50%!important;cursor:pointer!important;border:2px solid #fff!important;box-shadow:0 2px 6px rgb(0 0 0 / .2)!important}.abc-gifts{background:linear-gradient(135deg,#FFFBEB,#FEF3C7);border:1.5px solid #FCD34D;border-radius:14px;padding:14px 16px;margin-bottom:16px;overflow:hidden}.abc-gifts__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.abc-gifts__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgb(251 191 36 / .25);border-radius:10px;font-size:16px;flex-shrink:0}.abc-gifts__info{flex:1;min-width:0}.abc-gifts__title{font-size:13px;font-weight:700;color:#92400E;margin:0;line-height:1.2}.abc-gifts__subtitle{font-size:11px;color:#B45309;margin-top:1px;line-height:1.3}.abc-gifts__subtitle strong{color:#92400E;font-weight:700}.abc-gifts__count{font-size:11px;font-weight:700;color:#92400E;background:rgb(251 191 36 / .3);padding:2px 7px;border-radius:8px;white-space:nowrap;flex-shrink:0}.abc-gifts__track{position:relative;height:6px;background:rgb(255 255 255 / .7);border-radius:6px;border:1px solid rgb(251 191 36 / .3);overflow:hidden;margin-bottom:10px}.abc-gifts__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#F59E0B,#D97706);border-radius:6px;transition:width 0.6s ease}.abc-gifts__fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);animation:abc-shimmer 2.5s ease-in-out infinite}@keyframes abc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.abc-gifts__milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.abc-gifts__ms{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:rgb(255 255 255 / .5);border:1px solid rgb(251 191 36 / .2);transition:all 0.2s}.abc-gifts__ms-check{width:22px;height:22px;min-width:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.abc-gifts__ms-text{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.abc-gifts__ms-amount{font-size:12px;font-weight:700}.abc-gifts__ms-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.abc-gifts__ms--earned{background:rgb(209 250 229 / .5);border-color:#A7F3D0}.abc-gifts__ms--earned .abc-gifts__ms-check{background:#10B981;color:#fff}.abc-gifts__ms--earned .abc-gifts__ms-amount{color:#059669}.abc-gifts__ms--earned .abc-gifts__ms-name{color:#047857}.abc-gifts__ms--next{background:rgb(254 243 199 / .8);border-color:#FCD34D;animation:abc-ms-pulse 2s ease-in-out infinite}.abc-gifts__ms--next .abc-gifts__ms-check{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.abc-gifts__ms--next .abc-gifts__ms-amount{color:#92400E}.abc-gifts__ms--next .abc-gifts__ms-name{color:#B45309}@keyframes abc-ms-pulse{0%,100%{box-shadow:0 0 0 0 rgb(251 191 36 / .3)}50%{box-shadow:0 0 0 4px #fff0}}.abc-gifts__ms--locked .abc-gifts__ms-check{background:#E5E7EB;color:#9CA3AF}.abc-gifts__ms--locked .abc-gifts__ms-amount{color:#9CA3AF}.abc-gifts__ms--locked .abc-gifts__ms-name{color:#D1D5DB}@media (max-width:480px){.abc-gifts{padding:10px 12px}.abc-gifts__head{margin-bottom:8px}.abc-gifts__milestones{grid-template-columns:repeat(2,1fr);gap:4px}.abc-gifts__ms{padding:5px 6px;gap:4px}.abc-gifts__ms-check{width:20px;height:20px;min-width:20px}.abc-gifts__ms-check svg{width:10px;height:10px}.abc-gifts__ms-amount{font-size:11px}.abc-gifts__ms-name{font-size:9px}}@keyframes abc-spin{to{transform:rotate(360deg)}}.abc-xsell{background:var(--abc-bg);border:2px solid var(--abc-border);border-radius:var(--abc-radius);padding:24px;margin-top:24px;box-shadow:var(--abc-shadow-sm)}.abc-xsell__header{text-align:center;margin-bottom:24px}.abc-xsell__title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:800;color:var(--abc-text);margin:0 0 8px}.abc-xsell__icon{font-size:24px}.abc-xsell__subtitle{font-size:14px;color:var(--abc-text-muted);margin:0}.abc-xsell__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.abc-xsell__grid{grid-template-columns:repeat(4,1fr)}}.abc-xsell__card{background:var(--abc-bg);border:1px solid var(--abc-border);border-radius:var(--abc-radius-sm);overflow:hidden;transition:all 0.25s ease;position:relative;display:flex;flex-direction:column}.abc-xsell__card:hover{transform:translateY(-4px);box-shadow:var(--abc-shadow);border-color:var(--abc-primary)}.abc-xsell__card--in-cart{border-color:var(--abc-success);background:linear-gradient(180deg,#ECFDF5 0%,var(--abc-bg) 100%)}.abc-xsell__badge{position:absolute;top:10px;left:10px;padding:4px 10px;background:var(--abc-primary);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;z-index:1}.abc-xsell__card--in-cart .abc-xsell__badge{background:var(--abc-success)}.abc-xsell__image{display:block;aspect-ratio:1;overflow:hidden;background:var(--abc-bg-light)}.abc-xsell__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.abc-xsell__card:hover .abc-xsell__image img{transform:scale(1.05)}.abc-xsell__info{padding:14px;flex:1;display:flex;flex-direction:column}.abc-xsell__name{display:block;font-size:13px;font-weight:600;color:var(--abc-text);line-height:1.4;text-decoration:none;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.abc-xsell__name:hover{color:var(--abc-primary)}.abc-xsell__price{font-size:15px;font-weight:700;color:var(--abc-primary);margin-top:auto}.abc-xsell__price del{color:var(--abc-text-muted);font-weight:400;font-size:12px;margin-right:4px}.abc-xsell__price ins{text-decoration:none}.abc-xsell__action{padding:0 14px 14px}.abc-xsell__btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 16px;font-size:13px;font-weight:700;text-decoration:none;border:none;border-radius:10px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.abc-xsell__btn svg{flex-shrink:0}.abc-xsell__btn--add{color:#fff;background:linear-gradient(135deg,var(--abc-primary) 0%,var(--abc-primary-dark) 100%);box-shadow:0 3px 10px rgb(20 184 166 / .3)}.abc-xsell__btn--add:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(20 184 166 / .4)}.abc-xsell__btn--add:active{transform:translateY(0)}.abc-xsell__btn--add:disabled,.abc-xsell__btn--add.loading{opacity:.6;cursor:not-allowed;transform:none!important}.abc-xsell__btn--add.loading::before{content:'';width:14px;height:14px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:abc-spin 0.7s linear infinite}.abc-xsell__btn--add.success{background:var(--abc-success)}.abc-xsell__btn--in-cart{color:#065F46;background:#D1FAE5;cursor:default}.abc-xsell__btn--link{color:var(--abc-text);background:var(--abc-bg-light);border:1px solid var(--abc-border)}.abc-xsell__btn--link:hover{background:var(--abc-bg);border-color:var(--abc-primary);color:var(--abc-primary)}.abc-settings-wrap{max-width:900px}.abc-settings-wrap h1{margin-bottom:20px}.abc-tabs{margin-bottom:20px}.abc-settings-form .form-table th{width:200px;padding:20px 10px 20px 0}.abc-thresholds-table{max-width:600px}.abc-thresholds-table th{text-align:left;padding:10px;background:#f6f7f7}.abc-thresholds-table td{padding:10px}.abc-thresholds-table .select2-container{min-width:250px!important}.abc-fbt{margin:0;padding:0;background:linear-gradient(135deg,#FFF8F0 0%,#F0F4FF 40%,#F5F0FF 100%);border-radius:20px;overflow:hidden;box-shadow:0 2px 12px rgb(0 0 0 / .06)}.abc-fbt__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 0}.abc-fbt__header-left{flex:1;min-width:0}.abc-fbt__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px;font-weight:800;color:#1F2937;margin:0 0 8px;line-height:1.3}.abc-fbt__title-icon{font-size:20px}.abc-fbt__ai-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(135deg,#F97316 0%,#FB923C 100%);color:#fff;font-size:11px;font-weight:700;border-radius:20px;white-space:nowrap}.abc-fbt__reasons{font-size:13px;color:#6B7280;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.abc-fbt__reason-tag{font-size:12px;color:#6B7280}.abc-fbt__reason-sep{color:#D1D5DB}.abc-fbt__header-right{flex-shrink:0}.abc-fbt__discount-badge{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);color:#fff;font-size:12px;font-weight:800;border-radius:10px;letter-spacing:.02em;box-shadow:0 2px 8px rgb(239 68 68 / .3);white-space:nowrap}.abc-fbt__body{padding:16px 20px 20px}.abc-fbt__products{display:flex;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.abc-fbt__products::-webkit-scrollbar{display:none}.abc-fbt__card{position:relative;flex:1 1 120px;min-width:110px;max-width:180px;background:#fff;border:2px solid #E5E7EB;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.2s,box-shadow 0.2s}.abc-fbt__card.selected{border-color:var(--color-primary,#14B8A6);box-shadow:0 0 0 2px rgb(20 184 166 / .15)}.abc-fbt__card--context{border-color:var(--color-primary,#14B8A6);background:rgb(20 184 166 / .04)}.abc-fbt__card-check{position:absolute;top:6px;left:6px;z-index:3;cursor:pointer}.abc-fbt__check{position:absolute;opacity:0;width:0;height:0}.abc-fbt__checkmark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgb(255 255 255 / .9);border:2px solid #D1D5DB;border-radius:6px;transition:all 0.2s;backdrop-filter:blur(4px)}.abc-fbt__checkmark svg{opacity:0;transform:scale(0);transition:all 0.15s;color:#fff}.abc-fbt__check:checked+.abc-fbt__checkmark{background:var(--color-primary,#14B8A6);border-color:var(--color-primary,#14B8A6)}.abc-fbt__check:checked+.abc-fbt__checkmark svg{opacity:1;transform:scale(1)}.abc-fbt__card-check--locked{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-primary,#14B8A6);border-radius:6px;color:#fff}.abc-fbt__card-check--link{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgb(255 255 255 / .9);border-radius:6px;color:#9CA3AF;text-decoration:none;backdrop-filter:blur(4px)}.abc-fbt__card-img{display:block;aspect-ratio:1;overflow:hidden;background:#FAFAFA}.abc-fbt__card-img img{width:100%;height:100%;object-fit:contain;transition:transform 0.3s;padding:8px}.abc-fbt__card:hover .abc-fbt__card-img img{transform:scale(1.05)}.abc-fbt__card-info{padding:8px 10px 12px;display:flex;flex-direction:column;gap:2px}.abc-fbt__card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;color:#374151;text-decoration:none;line-height:1.4}.abc-fbt__card-name:hover{color:var(--color-primary,#14B8A6)}.abc-fbt__card-price{font-size:14px;font-weight:700;color:#F97316;margin-top:auto}.abc-fbt__card-price del{color:#9CA3AF;font-weight:400;font-size:11px}.abc-fbt__card-price ins{text-decoration:none}.abc-fbt__card-goto{font-size:11px;font-weight:600;color:var(--color-primary,#14B8A6);text-decoration:none}.abc-fbt__card-variant-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#D97706;background:#FEF3C7;padding:3px 8px;border-radius:6px;margin-top:4px}.abc-fbt__card-check--variable{cursor:pointer}.abc-fbt__plus-sign{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;font-size:18px;font-weight:700;color:#9CA3AF}.abc-fbt__equals{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;font-size:20px;font-weight:700;color:#6B7280}.abc-fbt__totals-panel{flex:1 1 200px;min-width:200px;max-width:280px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:linear-gradient(135deg,#FFFBEB 0%,#FEF9C3 100%);border-radius:16px;margin-left:4px}.abc-fbt__totals-old{font-size:14px;color:#9CA3AF;text-decoration:line-through}.abc-fbt__totals-current{font-size:26px;font-weight:800;color:#1F2937;line-height:1.1}.abc-fbt__totals-savings{font-size:13px;font-weight:600;color:#059669;font-style:italic}.abc-fbt__add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#F97316 0%,#EA580C 100%);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 14px rgb(249 115 22 / .35);transition:all 0.2s}.abc-fbt__add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgb(249 115 22 / .45)}.abc-fbt__add-btn:active{transform:translateY(0)}.abc-fbt__add-btn.loading{opacity:.7;pointer-events:none}.abc-fbt__add-btn.success{background:linear-gradient(135deg,#10B981 0%,#059669 100%);box-shadow:0 4px 14px rgb(16 185 129 / .3)}@media (max-width:768px){.abc-fbt{border-radius:16px}.abc-fbt__header{flex-direction:column;gap:8px;padding:16px 14px 0}.abc-fbt__title{font-size:15px;gap:6px}.abc-fbt__reasons{font-size:11px}.abc-fbt__body{padding:12px 14px 16px}.abc-fbt__products{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible}.abc-fbt__plus-sign,.abc-fbt__equals{display:none}.abc-fbt__card{min-width:0;max-width:none;border-radius:12px}.abc-fbt__card-info{padding:6px 8px 10px;min-height:0}.abc-fbt__card-name{font-size:11px;-webkit-line-clamp:2;line-height:1.35}.abc-fbt__card-price{font-size:13px}.abc-fbt__card-price del{font-size:10px}.abc-fbt__card-variant-badge{font-size:9px;padding:2px 6px}.abc-fbt__card-img img{padding:4px}.abc-fbt__checkmark{width:20px;height:20px}.abc-fbt__card-check--locked{width:20px;height:20px}.abc-fbt__totals-panel{grid-column:1 / -1;width:100%;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-left:0;margin-top:4px;padding:14px;border-radius:12px}.abc-fbt__totals-old{font-size:13px}.abc-fbt__totals-current{font-size:22px}.abc-fbt__totals-savings{font-size:12px}.abc-fbt__add-btn{width:100%;flex-basis:100%;height:44px;font-size:14px;margin-top:4px;border-radius:12px}.abc-fbt__discount-badge{font-size:11px;padding:5px 12px;border-radius:8px}}html[data-theme="dark"] .abc-fbt{background:linear-gradient(135deg,#1F1B16 0%,#1A1E2E 40%,#1E182E 100%)}html[data-theme="dark"] .abc-fbt__title{color:#F3F4F6}html[data-theme="dark"] .abc-fbt__card{background:#1F2937;border-color:#374151}html[data-theme="dark"] .abc-fbt__card.selected{border-color:var(--color-primary,#14B8A6)}html[data-theme="dark"] .abc-fbt__card--context{background:rgb(20 184 166 / .08)}html[data-theme="dark"] .abc-fbt__card-name{color:#D1D5DB}html[data-theme="dark"] .abc-fbt__totals-panel{background:linear-gradient(135deg,#292524 0%,#1C1917 100%)}html[data-theme="dark"] .abc-fbt__totals-current{color:#F3F4F6}html[data-theme="dark"] .abc-fbt__checkmark{background:rgb(55 65 81 / .9);border-color:#4B5563}html[data-theme="dark"] .abc-fbt__card-check--link{background:rgb(55 65 81 / .9)}.abc-atc-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .55);z-index:99996;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.abc-atc-backdrop.active{opacity:1;visibility:visible}.abc-atc-popup{position:fixed;inset:0;z-index:99997;display:flex;align-items:center;justify-content:center;padding:var(--page-gutter,16px);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-atc-popup.open{opacity:1;visibility:visible}.abc-atc-popup__container{background:var(--abc-bg);border-radius:var(--card-radius,20px);box-shadow:var(--card-shadow,0 20px 60px rgb(0 0 0 / .18));width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;transform:translateY(24px) scale(.97);transition:transform 0.35s cubic-bezier(.16,1,.3,1);overflow:hidden}.abc-atc-popup.open .abc-atc-popup__container{transform:translateY(0) scale(1)}.abc-atc-popup__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--abc-border);flex-shrink:0}.abc-atc-popup__title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--abc-text);margin:0}.abc-atc-popup__check-icon{color:var(--abc-success);flex-shrink:0}.abc-atc-popup__close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--abc-bg-light);border:none;border-radius:50%;cursor:pointer;color:var(--abc-text-muted);transition:all 0.2s ease;flex-shrink:0}.abc-atc-popup__close:hover{background:var(--abc-border);color:var(--abc-text)}.abc-atc-popup__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0}.abc-atc-popup__loading{display:flex;align-items:center;justify-content:center;padding:60px 20px}.abc-atc-popup__spinner{width:36px;height:36px;border:3px solid var(--abc-border);border-top-color:var(--abc-primary);border-radius:50%;animation:abc-spin 0.8s linear infinite}.abc-atc-added{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:var(--abc-bg-light);border-bottom:1px solid var(--abc-border)}.abc-atc-added__img{width:64px;height:64px;flex-shrink:0;border-radius:12px;overflow:hidden;border:1px solid var(--abc-border)}.abc-atc-added__img img{width:100%;height:100%;object-fit:cover}.abc-atc-added__info{flex:1;min-width:0}.abc-atc-added__name{font-size:14px;font-weight:600;color:var(--abc-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abc-atc-added__price{font-size:15px;font-weight:700;color:var(--color-primary,var(--abc-primary));margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.abc-atc-added__price del{font-size:13px;font-weight:500;color:var(--abc-text-muted)}.abc-atc-added__meta{text-align:right;flex-shrink:0;min-width:90px}.abc-atc-added__count{display:block;font-size:12px;color:var(--abc-text-muted)}.abc-atc-added__subtotal{display:block;font-size:15px;font-weight:700;color:var(--abc-text);margin-top:4px}.abc-atc-recos{padding:18px 22px 22px}.abc-atc-recos__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.abc-atc-recos__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--abc-text);margin:0}.abc-atc-recos__title svg{color:#F43F5E;flex-shrink:0}.abc-atc-recos__add-all{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;color:#fff;background:var(--color-primary,var(--abc-primary));border:none;border-radius:10px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.abc-atc-recos__add-all:hover{background:var(--abc-primary-dark);transform:translateY(-1px)}.abc-atc-recos__add-all-count{background:rgb(255 255 255 / .3);padding:1px 7px;border-radius:6px;font-size:11px}.abc-atc-recos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.abc-atc-reco{position:relative;background:var(--abc-bg);border:1.5px solid var(--abc-border);border-radius:14px;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column}.abc-atc-reco:hover{border-color:var(--color-primary,var(--abc-primary));box-shadow:0 4px 16px rgb(0 0 0 / .06)}.abc-atc-reco.selected{border-color:var(--color-primary,var(--abc-primary));box-shadow:0 0 0 2px rgb(20 184 166 / .15)}.abc-atc-reco.added{opacity:.55;pointer-events:none}.abc-atc-reco__select{position:absolute;top:8px;left:8px;z-index:3;cursor:pointer}.abc-atc-reco__check{position:absolute;opacity:0;width:0;height:0}.abc-atc-reco__checkmark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgb(255 255 255 / .9);border:2px solid var(--abc-border);border-radius:7px;transition:all 0.2s ease;backdrop-filter:blur(4px)}.abc-atc-reco__checkmark svg{opacity:0;transform:scale(0);transition:all 0.15s ease;color:#fff}.abc-atc-reco__check:checked+.abc-atc-reco__checkmark{background:var(--color-primary,var(--abc-primary));border-color:var(--color-primary,var(--abc-primary))}.abc-atc-reco__check:checked+.abc-atc-reco__checkmark svg{opacity:1;transform:scale(1)}.abc-atc-reco__img{display:block;aspect-ratio:1;overflow:hidden;background:var(--abc-bg-light)}.abc-atc-reco__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.abc-atc-reco:hover .abc-atc-reco__img img{transform:scale(1.05)}.abc-atc-reco__body{padding:10px 12px 6px;flex:1}.abc-atc-reco__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;color:var(--abc-text);text-decoration:none;line-height:1.4;min-height:34px}.abc-atc-reco__name:hover{color:var(--color-primary,var(--abc-primary))}.abc-atc-reco__price{font-size:13px;font-weight:700;color:var(--abc-text);margin-top:4px}.abc-atc-reco__price del{color:var(--abc-text-muted);font-weight:400;font-size:11px}.abc-atc-reco__price ins{text-decoration:none;color:#DC2626}.abc-atc-reco__action{padding:0 12px 12px}.abc-atc-reco__btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:34px;font-size:12px;font-weight:600;border:none;border-radius:9px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;line-height:1}.abc-atc-reco__btn--add{background:var(--color-primary,var(--abc-primary));color:#fff}.abc-atc-reco__btn--add:hover{background:var(--abc-primary-dark);transform:translateY(-1px)}.abc-atc-reco__btn--add.loading{opacity:.7;pointer-events:none}.abc-atc-reco__btn--view{background:var(--abc-bg-light);color:var(--abc-text);border:1px solid var(--abc-border)}.abc-atc-reco__btn--view:hover{background:var(--abc-border)}.abc-atc-reco__btn--added{background:#F0FDF4;color:var(--abc-success);pointer-events:none}.abc-atc-popup__footer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--abc-border);background:var(--abc-bg-light);flex-shrink:0}.abc-atc-popup__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;font-size:14px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;text-align:center;line-height:1}.abc-atc-popup__btn--secondary{background:var(--abc-bg);color:var(--abc-text);border:1.5px solid var(--abc-border)}.abc-atc-popup__btn--secondary:hover{background:var(--abc-bg-light);border-color:var(--abc-text-muted)}.abc-atc-popup__btn--primary{background:linear-gradient(135deg,var(--color-cta,#F97316) 0%,#E8660B 100%);color:#fff;box-shadow:0 4px 14px rgb(249 115 22 / .3)}.abc-atc-popup__btn--primary:hover{box-shadow:0 6px 20px rgb(249 115 22 / .4);transform:translateY(-1px)}body.abc-atc-open{overflow:hidden}@media (max-width:600px){.abc-atc-popup{align-items:flex-end;padding:0}.abc-atc-popup__container{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.abc-atc-popup.open .abc-atc-popup__container{transform:translateY(0)}.abc-atc-popup__header{padding:16px}.abc-atc-popup__title{font-size:18px;gap:10px}.abc-atc-popup__title svg{width:24px;height:24px}.abc-atc-popup__close{width:38px;height:38px}.abc-atc-popup__close svg{width:22px;height:22px}.abc-atc-added{flex-wrap:wrap;gap:12px;padding:16px}.abc-atc-added__img{width:72px;height:72px;border-radius:12px}.abc-atc-added__info{flex:1;min-width:120px}.abc-atc-added__name{font-size:15px;white-space:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abc-atc-added__price{font-size:16px;margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.abc-atc-added__price del{font-size:13px;color:var(--abc-text-muted)}.abc-atc-added__meta{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:4px;border-top:1px dashed var(--abc-border);text-align:left}.abc-atc-added__count{font-size:13px;font-weight:500}.abc-atc-added__subtotal{font-size:16px;font-weight:800;color:var(--abc-text)}.abc-atc-recos__grid{grid-template-columns:1fr;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px}.abc-atc-reco{min-width:150px;max-width:170px;scroll-snap-align:start;flex-shrink:0}.abc-atc-popup__footer{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important}.abc-atc-popup__btn{flex:none!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:54px!important;font-size:16px!important;font-weight:700!important;border-radius:14px!important}.abc-atc-popup__btn--secondary{order:2}.abc-atc-popup__btn--primary{order:1}.abc-atc-recos{padding:16px}}html[data-theme="dark"] .abc-atc-popup__container{background:var(--abc-bg)}html[data-theme="dark"] .abc-atc-reco{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-atc-added{background:#374151}html[data-theme="dark"] .abc-atc-popup__footer{background:#374151}html[data-theme="dark"] .abc-atc-popup__btn--secondary{background:#1F2937;border-color:#4B5563;color:#F9FAFB}html[data-theme="dark"] .abc-atc-reco__checkmark{background:rgb(55 65 81 / .9);border-color:#4B5563}.abc-bundles{margin:32px 0}.abc-bundles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.abc-bundles__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--_bg,var(--abc-bg));border:1.5px solid var(--_border,var(--abc-border));border-radius:var(--_radius,var(--card-radius,18px));padding:28px 18px 22px;cursor:pointer;transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;outline:none;font-family:inherit;width:100%}.abc-bundles__card:hover,.abc-bundles__card:focus-visible{border-color:var(--color-primary,var(--abc-primary));box-shadow:var(--_shadow,var(--card-shadow,0 2px 12px rgb(0 0 0 / .06))),0 0 0 3px rgb(20 184 166 / .1);transform:translateY(-3px)}.abc-bundles__badge{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,#DC2626 0%,#B91C1C 100%);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;letter-spacing:.02em}.abc-bundles__emoji{font-size:36px;line-height:1;margin-bottom:10px}.abc-bundles__title{font-size:16px;font-weight:800;color:var(--_text,var(--abc-text));margin:0 0 6px}.abc-bundles__desc{font-size:13px;color:var(--_muted,var(--abc-text-muted));margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abc-bundles__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.abc-bundles__count{font-size:12px;color:var(--_muted,var(--abc-text-muted));background:var(--_bg-light,var(--abc-bg-light));padding:3px 10px;border-radius:20px}.abc-bundles__price{font-size:13px;font-weight:700;color:var(--_text,var(--abc-text))}.abc-bundles__price del{font-weight:400;font-size:11px;color:var(--_muted,var(--abc-text-muted));margin-right:4px}.abc-bundles__cta-hint{font-size:12px;font-weight:700;color:var(--color-primary,var(--abc-primary));opacity:0;transition:opacity 0.2s ease}.abc-bundles__card:hover .abc-bundles__cta-hint{opacity:1}@media (max-width:768px){.abc-bundles__grid{grid-template-columns:repeat(2,1fr);gap:12px}.abc-bundles__card{padding:24px 14px 18px}.abc-bundles__emoji{font-size:28px}.abc-bundles__title{font-size:14px}.abc-bundles__cta-hint{opacity:1}}.abc-bundle-modal__backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99997;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-bundle-modal__backdrop.active{opacity:1;visibility:visible}.abc-bundle-modal{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:var(--_gutter,var(--page-gutter,16px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-bundle-modal.open{pointer-events:auto;opacity:1;visibility:visible}.abc-bundle-modal__container{background:var(--_bg,var(--abc-bg));border-radius:var(--_radius,var(--card-radius,20px));box-shadow:0 25px 50px rgb(0 0 0 / .2);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.abc-bundle-modal.open .abc-bundle-modal__container{transform:translateY(0) scale(1)}.abc-bundle-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--_border,var(--abc-border))}.abc-bundle-modal__title{font-size:18px;font-weight:800;color:var(--_text,var(--abc-text));margin:0}.abc-bundle-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--_bg-light,var(--abc-bg-light));border-radius:10px;cursor:pointer;color:var(--_muted,var(--abc-text-muted));transition:background 0.2s ease}.abc-bundle-modal__close:hover{background:var(--_border,var(--abc-border))}.abc-bundle-modal__body{flex:1;overflow-y:auto;padding:20px 24px}.abc-bundle-modal__loading{display:flex;align-items:center;justify-content:center;padding:40px 0}.abc-bundle-modal__products{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.abc-bundle-modal__product{display:flex;gap:14px;align-items:center;padding:12px;background:var(--_bg-light,var(--abc-bg-light));border-radius:14px;border:1px solid #fff0;transition:border-color 0.2s ease}.abc-bundle-modal__product:hover{border-color:var(--_border,var(--abc-border))}.abc-bundle-modal__product--variable{border-left:3px solid #D97706}.abc-bundle-modal__product--oos{opacity:.5;border-left:3px solid var(--abc-danger,#DC2626)}.abc-bundle-modal__product-img{width:64px;height:64px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--_bg,var(--abc-bg))}.abc-bundle-modal__product-img img{width:100%;height:100%;object-fit:cover}.abc-bundle-modal__product-info{flex:1;min-width:0}.abc-bundle-modal__product-name{display:block;font-size:14px;font-weight:600;color:var(--_text,var(--abc-text));text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-bundle-modal__product-name:hover{color:var(--color-primary,var(--abc-primary))}.abc-bundle-modal__product-price{font-size:14px;font-weight:700;color:var(--_text,var(--abc-text));margin-top:2px}.abc-bundle-modal__product-price del{font-weight:400;font-size:12px;color:var(--_muted,var(--abc-text-muted))}.abc-bundle-modal__product-price ins{text-decoration:none;color:#DC2626}.abc-bundle-modal__product-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;margin-top:4px}.abc-bundle-modal__product-tag--ok{background:rgb(16 185 129 / .1);color:#059669}.abc-bundle-modal__product-tag--warn{background:rgb(217 119 6 / .1);color:#D97706}.abc-bundle-modal__product-tag--oos{background:rgb(220 38 38 / .08);color:#DC2626}.abc-bundle-modal__product-goto{display:inline-block;font-size:11px;font-weight:600;color:var(--color-primary,var(--abc-primary));text-decoration:none;margin-top:2px;margin-left:8px}.abc-bundle-modal__totals{border-top:1px solid var(--_border,var(--abc-border));padding-top:16px}.abc-bundle-modal__totals-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--_text,var(--abc-text))}.abc-bundle-modal__total-old{text-decoration:line-through;color:var(--_muted,var(--abc-text-muted))}.abc-bundle-modal__totals-row--saving{color:#059669}.abc-bundle-modal__total-saving{font-weight:700;color:#059669}.abc-bundle-modal__totals-row--final{border-top:2px solid var(--_text,var(--abc-text));margin-top:6px;padding-top:10px;font-weight:800;font-size:16px}.abc-bundle-modal__total-final{font-size:20px;color:var(--color-cta,#F97316)}.abc-bundle-modal__notice{display:flex;align-items:flex-start;gap:8px;background:rgb(217 119 6 / .08);color:#92400E;font-size:12px;line-height:1.4;padding:10px 14px;border-radius:10px;margin-top:14px}.abc-bundle-modal__notice svg{flex-shrink:0;margin-top:1px}.abc-bundle-modal__footer{padding:16px 24px;border-top:1px solid var(--_border,var(--abc-border));background:var(--_bg-light,var(--abc-bg-light))}.abc-bundle-modal__add-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-cta,#F97316) 0%,#E8660B 100%);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 14px rgb(249 115 22 / .3);transition:all 0.25s ease;font-family:inherit}.abc-bundle-modal__add-btn:hover{box-shadow:0 6px 20px rgb(249 115 22 / .4);transform:translateY(-1px)}.abc-bundle-modal__add-btn.loading{opacity:.7;pointer-events:none}.abc-bundle-modal__add-btn.success{background:linear-gradient(135deg,var(--abc-success,#10B981) 0%,#059669 100%);box-shadow:0 4px 14px rgb(16 185 129 / .3)}body.abc-bundle-open{overflow:hidden}@media (max-width:600px){.abc-bundle-modal{align-items:flex-end;padding:0}.abc-bundle-modal__container{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.abc-bundle-modal.open .abc-bundle-modal__container{transform:translateY(0)}.abc-bundle-modal__header{padding:16px 20px}.abc-bundle-modal__body{padding:16px 20px}.abc-bundle-modal__footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}}html[data-theme="dark"] .abc-bundles__card{background:#1F2937;border-color:#374151}html[data-theme="dark"] .abc-bundles__card:hover{border-color:var(--abc-primary)}html[data-theme="dark"] .abc-bundle-modal__container{background:var(--abc-bg)}html[data-theme="dark"] .abc-bundle-modal__product{background:#374151}html[data-theme="dark"] .abc-bundle-modal__footer{background:#374151}.abc-bundle-modal__backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99997;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-bundle-modal__backdrop.active{opacity:1;visibility:visible}.abc-bundle-modal{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:var(--_gutter,var(--page-gutter,16px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-bundle-modal.open{pointer-events:auto;opacity:1;visibility:visible}.abc-bundle-modal__container{background:var(--_bg,var(--abc-bg));border-radius:var(--_radius,var(--card-radius,20px));box-shadow:0 25px 50px rgb(0 0 0 / .2);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.abc-bundle-modal.open .abc-bundle-modal__container{transform:translateY(0) scale(1)}.abc-bundle-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--_border,var(--abc-border))}.abc-bundle-modal__title{font-size:18px;font-weight:800;color:var(--_text,var(--abc-text));margin:0}.abc-bundle-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--_bg-light,var(--abc-bg-light));border-radius:10px;cursor:pointer;color:var(--_muted,var(--abc-text-muted));transition:background 0.2s ease}.abc-bundle-modal__close:hover{background:var(--_border,var(--abc-border))}.abc-bundle-modal__body{flex:1;overflow-y:auto;padding:20px 24px}.abc-bundle-modal__loading{display:flex;align-items:center;justify-content:center;padding:40px 0}.abc-bundle-modal__products{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.abc-bundle-modal__product{display:flex;gap:14px;align-items:center;padding:12px;background:var(--_bg-light,var(--abc-bg-light));border-radius:14px;border:1px solid #fff0;transition:border-color 0.2s ease}.abc-bundle-modal__product:hover{border-color:var(--_border,var(--abc-border))}.abc-bundle-modal__product--variable{border-left:3px solid #D97706}.abc-bundle-modal__product--oos{opacity:.5;border-left:3px solid var(--abc-danger,#DC2626)}.abc-bundle-modal__product-img{width:64px;height:64px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--_bg,var(--abc-bg))}.abc-bundle-modal__product-img img{width:100%;height:100%;object-fit:cover}.abc-bundle-modal__product-info{flex:1;min-width:0}.abc-bundle-modal__product-name{display:block;font-size:14px;font-weight:600;color:var(--_text,var(--abc-text));text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-bundle-modal__product-name:hover{color:var(--color-primary,var(--abc-primary))}.abc-bundle-modal__product-price{font-size:14px;font-weight:700;color:var(--_text,var(--abc-text));margin-top:2px}.abc-bundle-modal__product-price del{font-weight:400;font-size:12px;color:var(--_muted,var(--abc-text-muted))}.abc-bundle-modal__product-price ins{text-decoration:none;color:#DC2626}.abc-bundle-modal__product-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;margin-top:4px}.abc-bundle-modal__product-tag--ok{background:rgb(16 185 129 / .1);color:#059669}.abc-bundle-modal__product-tag--warn{background:rgb(217 119 6 / .1);color:#D97706}.abc-bundle-modal__product-tag--oos{background:rgb(220 38 38 / .08);color:#DC2626}.abc-bundle-modal__product-goto{display:inline-block;font-size:11px;font-weight:600;color:var(--color-primary,var(--abc-primary));text-decoration:none;margin-top:2px;margin-left:8px}.abc-bundle-modal__totals{border-top:1px solid var(--_border,var(--abc-border));padding-top:16px}.abc-bundle-modal__totals-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--_text,var(--abc-text))}.abc-bundle-modal__total-old{text-decoration:line-through;color:var(--_muted,var(--abc-text-muted))}.abc-bundle-modal__totals-row--saving{color:#059669}.abc-bundle-modal__total-saving{font-weight:700;color:#059669}.abc-bundle-modal__totals-row--final{border-top:2px solid var(--_text,var(--abc-text));margin-top:6px;padding-top:10px;font-weight:800;font-size:16px}.abc-bundle-modal__total-final{font-size:20px;color:var(--color-cta,#F97316)}.abc-bundle-modal__notice{display:flex;align-items:flex-start;gap:8px;background:rgb(217 119 6 / .08);color:#92400E;font-size:12px;line-height:1.4;padding:10px 14px;border-radius:10px;margin-top:14px}.abc-bundle-modal__notice svg{flex-shrink:0;margin-top:1px}.abc-bundle-modal__footer{padding:16px 24px;border-top:1px solid var(--_border,var(--abc-border));background:var(--_bg-light,var(--abc-bg-light))}.abc-bundle-modal__add-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-cta,#F97316) 0%,#E8660B 100%);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 14px rgb(249 115 22 / .3);transition:all 0.25s ease;font-family:inherit}.abc-bundle-modal__add-btn:hover{box-shadow:0 6px 20px rgb(249 115 22 / .4);transform:translateY(-1px)}.abc-bundle-modal__add-btn.loading{opacity:.7;pointer-events:none}.abc-bundle-modal__add-btn.success{background:linear-gradient(135deg,var(--abc-success,#10B981) 0%,#059669 100%);box-shadow:0 4px 14px rgb(16 185 129 / .3)}body.abc-bundle-open{overflow:hidden}@media (max-width:600px){.abc-bundle-modal{align-items:flex-end;padding:0}.abc-bundle-modal__container{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.abc-bundle-modal.open .abc-bundle-modal__container{transform:translateY(0)}.abc-bundle-modal__header{padding:16px 20px}.abc-bundle-modal__body{padding:16px 20px}.abc-bundle-modal__footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}}html[data-theme="dark"] .abc-bundles__card{background:#1F2937;border-color:#374151}html[data-theme="dark"] .abc-bundles__card:hover{border-color:var(--abc-primary)}html[data-theme="dark"] .abc-bundle-modal__container{background:var(--abc-bg)}html[data-theme="dark"] .abc-bundle-modal__product{background:#374151}html[data-theme="dark"] .abc-bundle-modal__footer{background:#374151}.abc-bump{margin:0 0 24px}.abc-bump__inner{background:var(--_bg,var(--abc-bg));border:2px dashed var(--color-cta,#F97316);border-radius:var(--_radius,var(--card-radius,18px));padding:20px;position:relative;transition:border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.abc-bump--active .abc-bump__inner{border-style:solid;border-color:var(--color-cta,#F97316);background:rgb(249 115 22 / .04);box-shadow:0 0 0 3px rgb(249 115 22 / .1)}.abc-bump--disabled .abc-bump__inner{opacity:.55;pointer-events:none}.abc-bump__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--color-cta,#F97316) 0%,#E8660B 100%);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 12px;border-radius:8px;margin-bottom:14px}.abc-bump__badge svg{flex-shrink:0}.abc-bump__product{display:flex;align-items:center;gap:16px;margin-bottom:16px}.abc-bump__img{width:72px;height:72px;flex-shrink:0;border-radius:12px;overflow:hidden;border:1px solid var(--_border,var(--abc-border));background:var(--_bg-light,var(--abc-bg-light))}.abc-bump__img img{width:100%;height:100%;object-fit:cover}.abc-bump__info{flex:1;min-width:0}.abc-bump__name{font-size:15px;font-weight:700;color:var(--_text,var(--abc-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.abc-bump__price{font-size:16px;font-weight:800;color:var(--color-cta,#F97316)}.abc-bump__price del{color:var(--_muted,var(--abc-text-muted));font-weight:400;font-size:13px;margin-right:4px}.abc-bump__price ins{text-decoration:none}.abc-bump__desc{font-size:13px;color:var(--_muted,var(--abc-text-muted));margin-top:4px;line-height:1.4}.abc-bump__toggle{border-top:1px solid var(--_border,var(--abc-border));padding-top:14px}.abc-bump__label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.abc-bump__check{position:absolute;opacity:0;width:0;height:0}.abc-bump__checkmark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--_bg,var(--abc-bg));border:2px solid var(--_border,var(--abc-border));border-radius:9px;flex-shrink:0;transition:all 0.2s ease}.abc-bump__checkmark svg{opacity:0;transform:scale(0);transition:all 0.15s ease;color:#fff}.abc-bump__check:checked+.abc-bump__checkmark{background:var(--color-cta,#F97316);border-color:var(--color-cta,#F97316)}.abc-bump__check:checked+.abc-bump__checkmark svg{opacity:1;transform:scale(1)}.abc-bump__label-text{font-size:14px;font-weight:700;color:var(--_text,var(--abc-text));transition:color 0.2s ease}.abc-bump--active .abc-bump__label-text{color:var(--color-cta,#F97316)}.abc-bump__stock-out{display:inline-block;font-size:13px;font-weight:600;color:var(--abc-danger,#DC2626);padding:6px 14px;background:rgb(220 38 38 / .06);border-radius:8px}.abc-bump.loading .abc-bump__checkmark{position:relative}.abc-bump.loading .abc-bump__checkmark svg{display:none}.abc-bump.loading .abc-bump__checkmark::after{content:'';position:absolute;width:16px;height:16px;border:2px solid var(--_border,var(--abc-border));border-top-color:var(--color-cta,#F97316);border-radius:50%;animation:abc-spin 0.7s linear infinite}@media (max-width:768px){.abc-bump__inner{padding:16px}.abc-bump__img{width:60px;height:60px}.abc-bump__name{font-size:14px}.abc-bump__price{font-size:15px}}html[data-theme="dark"] .abc-bump__inner{background:var(--abc-bg);border-color:var(--color-cta,#F97316)}html[data-theme="dark"] .abc-bump--active .abc-bump__inner{background:rgb(249 115 22 / .08)}html[data-theme="dark"] .abc-bump__checkmark{background:#374151;border-color:#4B5563}.abc-legal-checkboxes{background:var(--_bg-light,var(--abc-bg-light));border:1px solid var(--_border,var(--abc-border));border-radius:14px;padding:20px;margin-bottom:20px}.abc-legal-checkbox{margin-bottom:16px}.abc-legal-checkbox:last-child{margin-bottom:0}.abc-legal-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5}.abc-legal-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.abc-legal-checkmark{flex-shrink:0;width:22px;height:22px;background:var(--abc-bg);border:2px solid var(--abc-border);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-top:2px}.abc-legal-checkmark::after{content:'';width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform 0.2s ease}.abc-legal-input:checked~.abc-legal-checkmark{background:var(--abc-primary);border-color:var(--abc-primary)}.abc-legal-input:checked~.abc-legal-checkmark::after{transform:rotate(45deg) scale(1)}.abc-legal-input:focus~.abc-legal-checkmark{box-shadow:0 0 0 3px rgb(20 184 166 / .2)}.abc-legal-label:hover .abc-legal-checkmark{border-color:var(--abc-primary)}.abc-legal-text{flex:1;font-size:13px;color:var(--_muted,var(--abc-text-muted));line-height:1.6}.abc-legal-link{color:var(--_primary,var(--abc-primary));font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgb(20 184 166 / .4)}.abc-legal-link:hover{color:var(--_primary-dk,var(--abc-primary-dark));text-decoration-color:currentColor}.abc-legal-text .required{color:var(--abc-danger);text-decoration:none;font-weight:700}.abc-legal-checkboxes{background:var(--_bg-light,var(--abc-bg-light));border:1px solid var(--_border,var(--abc-border));border-radius:14px;padding:20px;margin-bottom:20px}.abc-legal-checkbox{margin-bottom:16px}.abc-legal-checkbox:last-child{margin-bottom:0}.abc-legal-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5}.abc-legal-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.abc-legal-checkmark{flex-shrink:0;width:22px;height:22px;background:var(--abc-bg);border:2px solid var(--abc-border);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-top:2px}.abc-legal-checkmark::after{content:'';width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform 0.2s ease}.abc-legal-input:checked~.abc-legal-checkmark{background:var(--abc-primary);border-color:var(--abc-primary)}.abc-legal-input:checked~.abc-legal-checkmark::after{transform:rotate(45deg) scale(1)}.abc-legal-input:focus~.abc-legal-checkmark{box-shadow:0 0 0 3px rgb(20 184 166 / .2)}.abc-legal-label:hover .abc-legal-checkmark{border-color:var(--abc-primary)}.abc-legal-text{flex:1;font-size:13px;color:var(--_muted,var(--abc-text-muted));line-height:1.6}.abc-legal-link{color:var(--_primary,var(--abc-primary));font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgb(20 184 166 / .4)}.abc-legal-link:hover{color:var(--_primary-dk,var(--abc-primary-dark));text-decoration-color:currentColor}.abc-legal-text .required{color:var(--abc-danger);text-decoration:none;font-weight:700}.abc-modal-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .6);z-index:99998;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(4px)}.abc-modal-backdrop.active{opacity:1;visibility:visible}.abc-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-modal.open{opacity:1;visibility:visible}.abc-modal__container{background:var(--abc-bg);border-radius:var(--abc-radius);box-shadow:var(--abc-shadow-lg);width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;transform:translateY(20px);transition:transform 0.3s ease}.abc-modal.open .abc-modal__container{transform:translateY(0)}.abc-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--abc-border);flex-shrink:0}.abc-modal__title{font-size:18px;font-weight:700;color:var(--abc-text);margin:0;display:flex;align-items:center;gap:8px}.abc-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--abc-bg-light);border:none;border-radius:50%;cursor:pointer;color:var(--abc-text-muted);transition:all 0.2s ease}.abc-modal__close:hover{background:var(--abc-border);color:var(--abc-text)}.abc-modal__body{flex:1;overflow-y:auto;padding:24px;overscroll-behavior:contain}.abc-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--abc-text-muted)}.abc-modal__spinner{width:40px;height:40px;border:3px solid var(--abc-border);border-top-color:var(--abc-primary);border-radius:50%;animation:abc-spin 0.8s linear infinite;margin-bottom:16px}.abc-modal__footer{padding:16px 24px;border-top:1px solid var(--abc-border);background:var(--abc-bg-light);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;border-radius:0 0 var(--abc-radius) var(--abc-radius)}.abc-modal__note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--abc-text-muted);margin:0}.abc-modal__note svg{flex-shrink:0;color:var(--abc-warning)}.abc-modal__btn{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--abc-primary);border:none;border-radius:10px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.abc-modal__btn:hover{background:var(--abc-primary-dark)}.abc-legal-doc{font-size:14px;line-height:1.6;color:var(--abc-text)}.abc-legal-doc h2{font-size:20px;font-weight:700;text-align:center;margin:0 0 8px;color:var(--abc-text)}.abc-legal-doc h3{font-size:15px;font-weight:700;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--abc-border);color:var(--abc-text)}.abc-legal-doc h4{font-size:14px;font-weight:600;margin:16px 0 8px;color:var(--abc-text-muted)}.abc-legal-doc p{margin:0 0 12px}.abc-legal-doc ul{margin:0 0 12px;padding-left:20px}.abc-legal-doc li{margin-bottom:6px}.abc-legal-date{text-align:center;color:var(--abc-text-muted);font-size:13px;margin-bottom:20px!important}.abc-legal-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}.abc-legal-table td,.abc-legal-table th{padding:10px 12px;border:1px solid var(--abc-border);text-align:left}.abc-legal-table th{background:var(--abc-bg-light);font-weight:600}.abc-legal-table td:first-child{width:140px;color:var(--abc-text-muted)}.abc-legal-items thead th{background:var(--abc-primary);color:#fff;font-weight:600}.abc-legal-items tfoot td{background:var(--abc-bg-light)}.abc-legal-items tfoot tr.total td{background:var(--abc-bg);font-weight:700}.abc-legal-sig{margin-top:24px;padding-top:16px;border-top:1px solid var(--abc-border);text-align:center;font-style:italic;color:var(--abc-text-muted)}body.abc-modal-open{overflow:hidden}@media (max-width:600px){.abc-modal{padding:10px}.abc-modal__container{max-height:95vh;border-radius:var(--abc-radius-sm)}.abc-modal__header,.abc-modal__body,.abc-modal__footer{padding-left:16px;padding-right:16px}.abc-modal__footer{flex-direction:column;text-align:center}.abc-modal__btn{width:100%}.abc-legal-table td:first-child{width:auto}.abc-legal-checkboxes{padding:16px}}.abc-wz-trigger{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary,#14B8A6) 0%,#0D9488 100%);border:none;border-radius:var(--_radius,var(--card-radius,16px));cursor:pointer;box-shadow:0 4px 14px rgb(20 184 166 / .3);transition:all 0.25s ease;font-family:inherit}.abc-wz-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(20 184 166 / .4)}.abc-wz__backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99997;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-wz__backdrop.active{opacity:1;visibility:visible}.abc-wz{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:var(--_gutter,var(--page-gutter,16px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-wz.open{pointer-events:auto;opacity:1;visibility:visible}.abc-wz__container{background:var(--_bg,var(--abc-bg,#fff));border-radius:var(--_radius,var(--card-radius,22px));box-shadow:0 25px 50px rgb(0 0 0 / .2);width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.abc-wz.open .abc-wz__container{transform:translateY(0) scale(1)}.abc-wz__header{padding:20px 24px 12px;border-bottom:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.abc-wz__title{font-size:18px;font-weight:800;color:var(--_text,var(--abc-text,#111827));margin:0}.abc-wz__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--_bg-light,var(--abc-bg-light,#F3F4F6));border-radius:10px;cursor:pointer;color:var(--_muted,var(--abc-text-muted,#6B7280));transition:background 0.2s ease}.abc-wz__close:hover{background:var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__progress{height:4px;background:var(--_bg-light,var(--abc-bg-light,#F3F4F6));border-radius:4px;overflow:hidden;margin-bottom:8px}.abc-wz__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary,#14B8A6),var(--color-cta,#F97316));border-radius:4px;transition:width 0.4s cubic-bezier(.4,0,.2,1)}.abc-wz__step-label{font-size:12px;font-weight:600;color:var(--_muted,var(--abc-text-muted,#6B7280));text-align:center}.abc-wz__body{flex:1;overflow-y:auto;padding:20px 24px}.abc-wz__step{display:none}.abc-wz__step--active{display:block;animation:abc-wz-fade-in 0.3s ease}@keyframes abc-wz-fade-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.abc-wz__cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.abc-wz__cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px 16px;background:var(--_bg-light,var(--abc-bg-light,#F9FAFB));border:2px solid #fff0;border-radius:var(--_radius,var(--card-radius,16px));cursor:pointer;transition:all 0.2s ease;font-family:inherit;outline:none}.abc-wz__cat-card:hover{border-color:var(--_border,var(--abc-border,#D1D5DB));background:var(--_bg,var(--abc-bg,#fff))}.abc-wz__cat-card.selected{border-color:var(--color-primary,#14B8A6);background:rgb(20 184 166 / .06);box-shadow:0 0 0 3px rgb(20 184 166 / .12)}.abc-wz__cat-emoji{font-size:32px;line-height:1;margin-bottom:8px}.abc-wz__cat-name{font-size:13px;font-weight:700;color:var(--_text,var(--abc-text,#111827));margin-bottom:4px}.abc-wz__cat-desc{font-size:11px;color:var(--_muted,var(--abc-text-muted,#6B7280));line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.abc-wz__products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.abc-wz__prod-card{display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--_bg-light,var(--abc-bg-light,#F9FAFB));border:2px solid #fff0;border-radius:14px;cursor:pointer;transition:all 0.2s ease;position:relative}.abc-wz__prod-card:hover{border-color:var(--_border,var(--abc-border,#D1D5DB))}.abc-wz__prod-card.selected{border-color:var(--color-primary,#14B8A6);background:rgb(20 184 166 / .04)}.abc-wz__prod-card--variable{cursor:default;opacity:.8}.abc-wz__prod-card--oos{opacity:.45;pointer-events:none}.abc-wz__prod-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:7px;border:2px solid var(--_border,var(--abc-border,#D1D5DB));background:var(--_bg,var(--abc-bg,#fff));display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.abc-wz__prod-check svg{opacity:0;transform:scale(0);transition:all 0.15s ease;color:#fff}.abc-wz__prod-card.selected .abc-wz__prod-check{background:var(--color-primary,#14B8A6);border-color:var(--color-primary,#14B8A6)}.abc-wz__prod-card.selected .abc-wz__prod-check svg{opacity:1;transform:scale(1)}.abc-wz__prod-star{position:absolute;top:8px;left:8px;font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .15))}.abc-wz__prod-img{width:56px;height:56px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--_bg,var(--abc-bg,#fff));border:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__prod-img img{width:100%;height:100%;object-fit:cover}.abc-wz__prod-info{flex:1;min-width:0}.abc-wz__prod-name{font-size:13px;font-weight:600;color:var(--_text,var(--abc-text,#111827));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;line-height:1.3}.abc-wz__prod-price{font-size:14px;font-weight:700;color:var(--color-cta,#F97316)}.abc-wz__prod-price del{font-weight:400;font-size:11px;color:var(--_muted,var(--abc-text-muted,#9CA3AF))}.abc-wz__prod-price ins{text-decoration:none}.abc-wz__prod-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;margin-top:4px}.abc-wz__prod-tag--var{background:rgb(217 119 6 / .1);color:#D97706}.abc-wz__prod-tag--oos{background:rgb(220 38 38 / .08);color:#DC2626}.abc-wz__prod-goto{display:inline-block;font-size:11px;font-weight:600;color:var(--color-primary,#14B8A6);text-decoration:none;margin-top:2px}.abc-wz__summary{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.abc-wz__sum-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--_bg-light,var(--abc-bg-light,#F9FAFB));border-radius:12px}.abc-wz__sum-img{width:44px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__sum-img img{width:100%;height:100%;object-fit:cover}.abc-wz__sum-name{flex:1;font-size:13px;font-weight:600;color:var(--_text,var(--abc-text,#111827));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-wz__sum-price{font-size:14px;font-weight:700;color:var(--_text,var(--abc-text,#111827));flex-shrink:0}.abc-wz__sum-var{font-size:11px;color:#D97706;font-weight:600}.abc-wz__totals{border-top:1px solid var(--_border,var(--abc-border,#E5E7EB));padding-top:14px}.abc-wz__totals-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;color:var(--_text,var(--abc-text,#111827))}.abc-wz__totals-row del{color:var(--_muted,var(--abc-text-muted,#9CA3AF))}.abc-wz__totals-row--saving{color:#059669}.abc-wz__totals-row--saving span:last-child{font-weight:700}.abc-wz__totals-row--final{border-top:2px solid var(--_text,var(--abc-text,#111827));margin-top:6px;padding-top:10px;font-weight:800;font-size:16px}.abc-wz__totals-row--final span:last-child{font-size:20px;color:var(--color-cta,#F97316)}.abc-wz__sum-notice{display:flex;align-items:flex-start;gap:8px;background:rgb(217 119 6 / .08);color:#92400E;font-size:12px;line-height:1.4;padding:10px 14px;border-radius:10px;margin-top:14px}.abc-wz__sum-notice svg{flex-shrink:0;margin-top:1px}.abc-wz__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--_border,var(--abc-border,#E5E7EB));background:var(--_bg-light,var(--abc-bg-light,#F9FAFB))}.abc-wz__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:all 0.2s ease}.abc-wz__btn--back{background:var(--_bg,var(--abc-bg,#fff));color:var(--_muted,var(--abc-text-muted,#6B7280));border:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__btn--back:hover{background:var(--_border,var(--abc-border,#E5E7EB))}.abc-wz__btn--next{background:linear-gradient(135deg,var(--color-primary,#14B8A6) 0%,#0D9488 100%);color:#fff;margin-left:auto;box-shadow:0 4px 14px rgb(20 184 166 / .25)}.abc-wz__btn--next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgb(20 184 166 / .35)}.abc-wz__btn--next:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.abc-wz__btn--add{background:linear-gradient(135deg,var(--color-cta,#F97316) 0%,#E8660B 100%);color:#fff;flex:1;justify-content:center;height:48px;font-size:15px;box-shadow:0 4px 14px rgb(249 115 22 / .3)}.abc-wz__btn--add:hover:not(.loading){transform:translateY(-1px);box-shadow:0 6px 20px rgb(249 115 22 / .4)}.abc-wz__btn--add.loading{opacity:.7;pointer-events:none}.abc-wz__btn--add.success{background:linear-gradient(135deg,#10B981 0%,#059669 100%);box-shadow:0 4px 14px rgb(16 185 129 / .3)}body.abc-wz-open{overflow:hidden}@media (max-width:600px){.abc-wz{align-items:flex-end;padding:0}.abc-wz__container{max-width:100%;max-height:92vh;border-radius:22px 22px 0 0;transform:translateY(100%)}.abc-wz.open .abc-wz__container{transform:translateY(0)}.abc-wz__header{padding:16px 18px 10px}.abc-wz__body{padding:16px 18px}.abc-wz__cats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.abc-wz__cat-card{padding:16px 10px 12px}.abc-wz__cat-emoji{font-size:26px}.abc-wz__products-grid{grid-template-columns:1fr;gap:10px}.abc-wz__footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}}html[data-theme="dark"] .abc-wz__container{background:var(--abc-bg,#1F2937)}html[data-theme="dark"] .abc-wz__cat-card{background:#374151}html[data-theme="dark"] .abc-wz__cat-card:hover{border-color:#4B5563;background:#1F2937}html[data-theme="dark"] .abc-wz__cat-card.selected{background:rgb(20 184 166 / .1)}html[data-theme="dark"] .abc-wz__prod-card{background:#374151}html[data-theme="dark"] .abc-wz__prod-check{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-wz__sum-item{background:#374151}html[data-theme="dark"] .abc-wz__footer{background:#374151}html[data-theme="dark"] .abc-wz__btn--back{background:#1F2937;border-color:#4B5563;color:#9CA3AF}.abc-wz-preview{margin-top:30px;border:2px solid #E5E7EB;border-radius:16px;overflow:hidden;background:#F9FAFB}.abc-wz-preview__header{padding:18px 24px;background:linear-gradient(135deg,#F0F9FF 0%,#E0F2FE 100%);border-bottom:1px solid #BAE6FD}.abc-wz-preview__header h3{margin:0 0 4px;font-size:16px}.abc-wz-preview__header .description{margin:0}.abc-wz-preview__frame{display:flex;justify-content:center;padding:28px 24px;background:repeating-conic-gradient(#E5E7EB 0% 25%,transparent 0% 50%) 50%/20px 20px}.abc-wz-preview__phone{width:375px;min-height:480px;background:#fff;border-radius:28px;box-shadow:0 8px 30px rgb(0 0 0 / .12),0 0 0 1px rgb(0 0 0 / .06);overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;position:relative}.abc-wz-preview__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;border-bottom:none}.abc-wz-preview__topbar-title{font-size:14px;font-weight:800;color:#111827}.abc-wz-preview__steps-nav{display:flex;gap:6px}.abc-wz-preview__step-dot{width:26px;height:26px;border-radius:50%;border:2px solid #D1D5DB;background:#fff;color:#9CA3AF;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-family:inherit}.abc-wz-preview__step-dot:hover{border-color:#14B8A6;color:#14B8A6}.abc-wz-preview__step-dot.active{background:#14B8A6;border-color:#14B8A6;color:#fff}.abc-wz-preview__step-dot.done{background:#D1FAE5;border-color:#10B981;color:#059669}.abc-wz-preview__progress{height:3px;background:#F3F4F6;margin:0 18px 0}.abc-wz-preview__progress-bar{height:100%;background:linear-gradient(90deg,#14B8A6,#F97316);border-radius:3px;transition:width 0.4s ease}.abc-wz-preview__step{display:none;padding:12px 18px 16px;flex:1;overflow-y:auto;max-height:380px}.abc-wz-preview__step.active{display:block;animation:abc-wz-fade-in 0.25s ease}.abc-wz-preview__step-title{font-size:11px;font-weight:600;color:#6B7280;text-align:center;margin-bottom:12px}.abc-wz-preview__cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.abc-wz-preview__cat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 6px 10px;background:#F9FAFB;border:1.5px solid #fff0;border-radius:12px;cursor:pointer;transition:all 0.2s ease;font-family:inherit;outline:none}.abc-wz-preview__cat:hover{border-color:#D1D5DB;background:#fff}.abc-wz-preview__cat.selected{border-color:#14B8A6;background:rgb(20 184 166 / .06);box-shadow:0 0 0 2px rgb(20 184 166 / .12)}.abc-wz-preview__cat-emoji{font-size:22px;margin-bottom:4px}.abc-wz-preview__cat-name{font-size:11px;font-weight:700;color:#111827;margin-bottom:2px}.abc-wz-preview__cat-count{font-size:9px;color:#9CA3AF}.abc-wz-preview__products{display:flex;flex-direction:column;gap:6px}.abc-wz-preview__prod{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#F9FAFB;border:1.5px solid #fff0;border-radius:10px;cursor:pointer;transition:all 0.15s ease;position:relative}.abc-wz-preview__prod:hover{border-color:#D1D5DB}.abc-wz-preview__prod.selected{border-color:#14B8A6;background:rgb(20 184 166 / .04)}.abc-wz-preview__prod--var{cursor:default;border-left:2px solid #D97706}.abc-wz-preview__prod--oos{opacity:.4;pointer-events:none}.abc-wz-preview__prod-img{width:36px;height:36px;flex-shrink:0;border-radius:6px;overflow:hidden;border:1px solid #E5E7EB}.abc-wz-preview__prod-img img{width:100%;height:100%;object-fit:cover}.abc-wz-preview__prod-info{flex:1;min-width:0}.abc-wz-preview__prod-name{display:block;font-size:11px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-wz-preview__prod-price{display:block;font-size:11px;font-weight:700;color:#F97316}.abc-wz-preview__prod-price del{color:#9CA3AF;font-weight:400;font-size:10px}.abc-wz-preview__prod-price ins{text-decoration:none}.abc-wz-preview__prod-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}.abc-wz-preview__prod-badge--var{background:rgb(217 119 6 / .1);color:#D97706}.abc-wz-preview__prod-badge--oos{background:rgb(220 38 38 / .06);color:#DC2626}.abc-wz-preview__prod-tick{width:18px;height:18px;border-radius:5px;border:1.5px solid #D1D5DB;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s ease;color:#fff}.abc-wz-preview__prod-tick svg{opacity:0;transform:scale(0);transition:all 0.15s ease}.abc-wz-preview__prod.selected .abc-wz-preview__prod-tick{background:#14B8A6;border-color:#14B8A6}.abc-wz-preview__prod.selected .abc-wz-preview__prod-tick svg{opacity:1;transform:scale(1)}.abc-wz-preview__summary{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.abc-wz-preview__sum-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#F9FAFB;border-radius:8px;font-size:11px}.abc-wz-preview__sum-name{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.abc-wz-preview__sum-amt{font-weight:700;color:#111827;flex-shrink:0}.abc-wz-preview__totals{border-top:1px solid #E5E7EB;padding-top:8px}.abc-wz-preview__totals-row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;color:#374151}.abc-wz-preview__totals-row del{color:#9CA3AF}.abc-wz-preview__totals-row--saving{color:#059669}.abc-wz-preview__totals-row--saving span:last-child{font-weight:700}.abc-wz-preview__totals-row--final{border-top:1.5px solid #111827;margin-top:4px;padding-top:6px;font-weight:800;font-size:13px}.abc-wz-preview__totals-row--final span:last-child{font-size:15px;color:#F97316}.abc-wz-preview__footer{padding:12px 18px;border-top:1px solid #E5E7EB;background:#F9FAFB;margin-top:auto}.abc-wz-preview__footer-btn{display:flex;align-items:center;justify-content:center;height:38px;background:linear-gradient(135deg,#F97316,#E8660B);color:#fff;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgb(249 115 22 / .25)}.abc-gf-trigger{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#EC4899 0%,#DB2777 100%);border:none;border-radius:var(--_radius,var(--card-radius,16px));cursor:pointer;box-shadow:0 4px 14px rgb(236 72 153 / .3);transition:all 0.25s ease;font-family:inherit}.abc-gf-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(236 72 153 / .4)}.abc-gf__backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99997;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-gf__backdrop.active{opacity:1;visibility:visible}.abc-gf{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:var(--_gutter,var(--page-gutter,16px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-gf.open{pointer-events:auto;opacity:1;visibility:visible}.abc-gf__container{background:var(--_bg,var(--abc-bg,#fff));border-radius:var(--_radius,var(--card-radius,22px));box-shadow:0 25px 50px rgb(0 0 0 / .25);width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.abc-gf.open .abc-gf__container{transform:translateY(0) scale(1)}.abc-gf__header{display:flex;align-items:center;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-gf__title{font-size:17px;font-weight:800;color:var(--_text,var(--abc-text,#111827));margin:0;flex:1}.abc-gf__liked{display:flex;align-items:center;gap:4px;background:rgb(236 72 153 / .08);padding:5px 10px;border-radius:20px;transition:transform 0.2s ease}.abc-gf__liked.pulse{animation:abc-gf-pulse 0.4s ease}@keyframes abc-gf-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.abc-gf__liked-icon{font-size:14px}.abc-gf__liked-count{font-size:13px;font-weight:800;color:#DB2777}.abc-gf__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--_bg-light,var(--abc-bg-light,#F3F4F6));border-radius:10px;cursor:pointer;color:var(--_muted,var(--abc-text-muted,#6B7280));transition:background 0.2s ease}.abc-gf__close:hover{background:var(--_border,var(--abc-border,#E5E7EB))}.abc-gf__filters{padding:14px 20px;border-bottom:1px solid var(--_border,var(--abc-border,#E5E7EB));background:var(--_bg-light,var(--abc-bg-light,#FAFAFA))}.abc-gf__filter-group{margin-bottom:10px}.abc-gf__chips{display:flex;gap:6px}.abc-gf__chip{flex:1;padding:8px 10px;font-size:12px;font-weight:700;color:var(--_muted,var(--abc-text-muted,#6B7280));background:var(--_bg,var(--abc-bg,#fff));border:1.5px solid var(--_border,var(--abc-border,#E5E7EB));border-radius:10px;cursor:pointer;text-align:center;transition:all 0.15s ease;font-family:inherit}.abc-gf__chip:hover{border-color:#F9A8D4}.abc-gf__chip.active{background:rgb(236 72 153 / .06);border-color:#EC4899;color:#DB2777}.abc-gf__filter-row{display:flex;gap:12px;margin-bottom:10px}.abc-gf__filter-item{flex:1}.abc-gf__filter-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--_muted,var(--abc-text-muted,#9CA3AF));margin-bottom:4px;letter-spacing:.5px}.abc-gf__range-wrap{display:flex;align-items:center;gap:8px}.abc-gf__range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#E5E7EB;border-radius:4px;outline:none}.abc-gf__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#EC4899;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgb(236 72 153 / .3)}.abc-gf__range-val{min-width:22px;font-size:13px;font-weight:800;color:#EC4899;text-align:center}.abc-gf__budget-inputs{display:flex;align-items:center;gap:6px}.abc-gf__budget-inputs input{width:70px;padding:6px 8px;font-size:12px;font-weight:600;border:1.5px solid var(--_border,var(--abc-border,#E5E7EB));border-radius:8px;text-align:center;font-family:inherit;outline:none;background:var(--_bg,var(--abc-bg,#fff));color:var(--_text,var(--abc-text,#111827))}.abc-gf__budget-inputs input:focus{border-color:#EC4899}.abc-gf__budget-inputs span{color:#9CA3AF;font-size:12px}.abc-gf__filter-apply{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#EC4899,#DB2777);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:all 0.2s ease}.abc-gf__filter-apply:hover{box-shadow:0 4px 12px rgb(236 72 153 / .3)}.abc-gf__body{flex:1;position:relative;min-height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}.abc-gf__stack{position:relative;width:85%;aspect-ratio:3/4;max-height:340px}.abc-gf__card{position:absolute;inset:0;background:var(--_bg,var(--abc-bg,#fff));border-radius:20px;box-shadow:0 4px 20px rgb(0 0 0 / .08);border:1.5px solid var(--_border,var(--abc-border,#E5E7EB));overflow:hidden;display:flex;flex-direction:column;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:box-shadow 0.2s ease;will-change:transform}.abc-gf__card:active{cursor:grabbing}.abc-gf__card--behind{pointer-events:none;transform:scale(.94) translateY(8px);opacity:.5;z-index:0}.abc-gf__card--top{z-index:2}.abc-gf__card--swiping-left .abc-gf__card-overlay--left{opacity:1}.abc-gf__card--swiping-right .abc-gf__card-overlay--right{opacity:1}.abc-gf__card-img{flex:1;overflow:hidden;position:relative;background:#F9FAFB}.abc-gf__card-img img{width:100%;height:100%;object-fit:cover}.abc-gf__card-overlay{position:absolute;top:16px;padding:8px 18px;border-radius:10px;font-size:16px;font-weight:800;opacity:0;transition:opacity 0.15s ease;pointer-events:none;z-index:5}.abc-gf__card-overlay--left{left:16px;background:rgb(239 68 68 / .9);color:#fff}.abc-gf__card-overlay--right{right:16px;background:rgb(16 185 129 / .9);color:#fff}.abc-gf__card-info{padding:14px 16px;border-top:1px solid var(--_border,var(--abc-border,#F3F4F6))}.abc-gf__card-name{display:block;font-size:14px;font-weight:700;color:var(--_text,var(--abc-text,#111827));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.abc-gf__card-price{display:block;font-size:16px;font-weight:800;color:var(--color-cta,#F97316)}.abc-gf__card-price del{font-size:12px;font-weight:400;color:var(--_muted,var(--abc-text-muted,#9CA3AF))}.abc-gf__card-price ins{text-decoration:none}.abc-gf__empty{text-align:center;padding:40px 20px;color:var(--_muted,var(--abc-text-muted,#9CA3AF))}.abc-gf__empty p{font-size:14px;font-weight:600;margin:12px 0}.abc-gf__reload{padding:10px 20px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#EC4899,#DB2777);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit}.abc-gf__swipe-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.abc-gf__swipe-hint-left,.abc-gf__swipe-hint-right{font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;opacity:.7}.abc-gf__swipe-hint-left{color:#EF4444;background:rgb(239 68 68 / .08)}.abc-gf__swipe-hint-right{color:#10B981;background:rgb(16 185 129 / .08)}.abc-gf__actions{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px}.abc-gf__action{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px rgb(0 0 0 / .08);text-decoration:none}.abc-gf__action:hover{transform:scale(1.1)}.abc-gf__action:active{transform:scale(.95)}.abc-gf__action--skip{background:#fff;color:#EF4444;border:2px solid #FCA5A5}.abc-gf__action--skip:hover{background:#FEF2F2;box-shadow:0 6px 20px rgb(239 68 68 / .15)}.abc-gf__action--like{background:linear-gradient(135deg,#EC4899,#DB2777);color:#fff;width:64px;height:64px;box-shadow:0 4px 18px rgb(236 72 153 / .3)}.abc-gf__action--like:hover{box-shadow:0 6px 24px rgb(236 72 153 / .4)}.abc-gf__action--like.added{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 4px 18px rgb(16 185 129 / .3)}.abc-gf__action--link{background:#fff;color:#6B7280;border:2px solid #E5E7EB;width:40px;height:40px}.abc-gf__counter{text-align:center;padding:8px;font-size:11px;font-weight:600;color:var(--_muted,var(--abc-text-muted,#9CA3AF));border-top:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-gf__card--exit-left{transition:transform 0.35s ease,opacity 0.35s ease;transform:translateX(-120%) rotate(-15deg)!important;opacity:0}.abc-gf__card--exit-right{transition:transform 0.35s ease,opacity 0.35s ease;transform:translateX(120%) rotate(15deg)!important;opacity:0}.abc-gf__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:absolute;inset:0}.abc-gf__loading-spinner{width:32px;height:32px;border:3px solid #F3F4F6;border-top-color:#EC4899;border-radius:50%;animation:abc-spin 0.7s linear infinite}@keyframes abc-spin{to{transform:rotate(360deg)}}body.abc-gf-open{overflow:hidden}@media (max-width:600px){.abc-gf{align-items:flex-end;padding:0}.abc-gf__container{max-width:100%;max-height:95vh;border-radius:22px 22px 0 0;transform:translateY(100%)}.abc-gf.open .abc-gf__container{transform:translateY(0)}.abc-gf__header{padding:14px 16px 10px}.abc-gf__filters{padding:10px 16px}.abc-gf__body{min-height:260px}.abc-gf__stack{width:88%;max-height:280px}.abc-gf__actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}}html[data-theme="dark"] .abc-gf__container{background:var(--abc-bg,#1F2937)}html[data-theme="dark"] .abc-gf__filters{background:#374151}html[data-theme="dark"] .abc-gf__chip{background:#1F2937;border-color:#4B5563}html[data-theme="dark"] .abc-gf__card{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-gf__action--skip{background:#374151;border-color:#6B7280}html[data-theme="dark"] .abc-gf__budget-inputs input{background:#1F2937;border-color:#4B5563;color:#E5E7EB}.abc-gf-preview{margin-top:30px;border:2px solid #E5E7EB;border-radius:16px;overflow:hidden;background:#F9FAFB}.abc-gf-preview__filters{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid #F3F4F6}.abc-gf-preview__chip{padding:5px 10px;font-size:10px;font-weight:700;border:1.5px solid #E5E7EB;border-radius:8px;color:#6B7280;background:#fff}.abc-gf-preview__chip--active{border-color:#EC4899;color:#DB2777;background:rgb(236 72 153 / .06)}.abc-gf-preview__stack{position:relative;width:200px;height:260px;margin:20px auto}.abc-gf-preview__card{position:absolute;inset:0;background:#fff;border-radius:14px;box-shadow:0 4px 16px rgb(0 0 0 / .08);border:1px solid #E5E7EB;overflow:hidden;display:flex;flex-direction:column}.abc-gf-preview__card--bg{background:#F3F4F6}.abc-gf-preview__card-img{flex:1;overflow:hidden;background:#F9FAFB}.abc-gf-preview__card-img img{width:100%;height:100%;object-fit:cover}.abc-gf-preview__card-info{padding:10px;border-top:1px solid #F3F4F6}.abc-gf-preview__card-name{display:block;font-size:11px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.abc-gf-preview__card-price{display:block;font-size:12px;font-weight:700;color:#F97316}.abc-gf-preview__card-price del{color:#9CA3AF;font-weight:400;font-size:10px}.abc-gf-preview__card-price ins{text-decoration:none}.abc-gf-preview__actions{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px}.abc-gf-preview__action{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:none;cursor:default}.abc-gf-preview__action--skip{background:#FEF2F2;color:#EF4444;border:2px solid #FCA5A5}.abc-gf-preview__action--like{background:linear-gradient(135deg,#EC4899,#DB2777);color:#fff;width:48px;height:48px;font-size:20px;box-shadow:0 3px 10px rgb(236 72 153 / .25)}.abc-sw-trigger{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);border:none;border-radius:var(--_radius,var(--card-radius,16px));cursor:pointer;box-shadow:0 4px 14px rgb(139 92 246 / .3);transition:all 0.25s ease;font-family:inherit}.abc-sw-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(139 92 246 / .4)}.abc-sw__backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99997;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-sw__backdrop.active{opacity:1;visibility:visible}.abc-sw{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:var(--_gutter,var(--page-gutter,16px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.abc-sw.open{pointer-events:auto;opacity:1;visibility:visible}.abc-sw__container{background:var(--_bg,var(--abc-bg,#fff));border-radius:var(--_radius,var(--card-radius,22px));box-shadow:0 25px 50px rgb(0 0 0 / .25);width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.abc-sw.open .abc-sw__container{transform:translateY(0) scale(1)}.abc-sw__header{display:flex;align-items:center;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-sw__title{font-size:17px;font-weight:800;color:var(--_text,var(--abc-text,#111827));margin:0;flex:1}.abc-sw__liked{display:flex;align-items:center;gap:4px;background:rgb(139 92 246 / .08);padding:5px 10px;border-radius:20px;transition:transform 0.2s ease}.abc-sw__liked.pulse{animation:abc-sw-pulse 0.4s ease}@keyframes abc-sw-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.abc-sw__liked-icon{font-size:14px}.abc-sw__liked-count{font-size:13px;font-weight:800;color:#7C3AED}.abc-sw__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--_bg-light,var(--abc-bg-light,#F3F4F6));border-radius:10px;cursor:pointer;color:var(--_muted,var(--abc-text-muted,#6B7280));transition:background 0.2s ease}.abc-sw__close:hover{background:var(--_border,var(--abc-border,#E5E7EB))}.abc-sw__filters{padding:12px 20px;border-bottom:1px solid var(--_border,var(--abc-border,#E5E7EB));background:var(--_bg-light,var(--abc-bg-light,#FAFAFA))}.abc-sw__chips{display:flex;gap:6px;margin-bottom:10px}.abc-sw__chip{flex:1;padding:8px 10px;font-size:12px;font-weight:700;color:var(--_muted,var(--abc-text-muted,#6B7280));background:var(--_bg,var(--abc-bg,#fff));border:1.5px solid var(--_border,var(--abc-border,#E5E7EB));border-radius:10px;cursor:pointer;text-align:center;transition:all 0.15s ease;font-family:inherit}.abc-sw__chip:hover{border-color:#C4B5FD}.abc-sw__chip.active{background:rgb(139 92 246 / .06);border-color:#8B5CF6;color:#7C3AED}.abc-sw__filter-row{display:flex;align-items:center;gap:8px}.abc-sw__filter-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--_muted,var(--abc-text-muted,#9CA3AF));letter-spacing:.5px}.abc-sw__range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#E5E7EB;border-radius:4px;outline:none}.abc-sw__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#8B5CF6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgb(139 92 246 / .3)}.abc-sw__range-val{min-width:22px;font-size:13px;font-weight:800;color:#8B5CF6;text-align:center}.abc-sw__filter-apply{display:flex;align-items:center;gap:4px;padding:7px 14px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:all 0.2s ease;white-space:nowrap}.abc-sw__filter-apply:hover{box-shadow:0 4px 12px rgb(139 92 246 / .3)}.abc-sw__body{flex:1;position:relative;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}.abc-sw__stack{position:relative;width:88%;max-width:340px;aspect-ratio:4/5;max-height:360px}.abc-sw__card{position:absolute;inset:0;background:var(--_bg,var(--abc-bg,#fff));border-radius:20px;box-shadow:var(--_shadow,var(--card-shadow,0 4px 20px rgb(0 0 0 / .08)));border:1.5px solid var(--_border,var(--abc-border,#E5E7EB));overflow:hidden;display:flex;flex-direction:column;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}.abc-sw__card:active{cursor:grabbing}.abc-sw__card--behind{pointer-events:none;transform:scale(.94) translateY(8px);opacity:.5;z-index:0}.abc-sw__card--top{z-index:2}.abc-sw__card-overlay{position:absolute;top:12px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:800;opacity:0;transition:opacity 0.15s ease;pointer-events:none;z-index:5}.abc-sw__card-overlay--left{left:12px;background:rgb(239 68 68 / .9);color:#fff}.abc-sw__card-overlay--right{right:12px;background:rgb(16 185 129 / .9);color:#fff}.abc-sw__card--swiping-left .abc-sw__card-overlay--left{opacity:1}.abc-sw__card--swiping-right .abc-sw__card-overlay--right{opacity:1}.abc-sw__card-title{padding:12px 14px 8px;font-size:14px;font-weight:800;color:var(--_text,var(--abc-text,#111827));text-align:center}.abc-sw__collage{display:flex;gap:4px;padding:0 10px;flex:1;min-height:0}.abc-sw__collage-item{flex:1;display:flex;flex-direction:column;min-width:0;border-radius:10px;overflow:hidden;background:var(--_bg-light,var(--abc-bg-light,#F9FAFB));border:1px solid var(--_border,var(--abc-border,#F3F4F6))}.abc-sw__collage-img{flex:1;overflow:hidden;min-height:80px}.abc-sw__collage-img img{width:100%;height:100%;object-fit:cover}.abc-sw__collage-name{display:block;padding:4px 6px;font-size:9px;font-weight:600;color:var(--_muted,var(--abc-text-muted,#6B7280));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-sw__card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--_border,var(--abc-border,#F3F4F6))}.abc-sw__card-total{font-size:18px;font-weight:800;color:var(--color-cta,#F97316)}.abc-sw__card-total del{font-size:12px;color:#9CA3AF;font-weight:400}.abc-sw__card-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;border-radius:6px}.abc-sw__actions{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px}.abc-sw__action{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px rgb(0 0 0 / .08)}.abc-sw__action:hover{transform:scale(1.1)}.abc-sw__action:active{transform:scale(.95)}.abc-sw__action--skip{background:#fff;color:#EF4444;border:2px solid #FCA5A5}.abc-sw__action--skip:hover{background:#FEF2F2}.abc-sw__action--like{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;width:64px;height:64px;box-shadow:0 4px 18px rgb(139 92 246 / .3)}.abc-sw__action--like:hover{box-shadow:0 6px 24px rgb(139 92 246 / .4)}.abc-sw__action--like.added{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 4px 18px rgb(16 185 129 / .3)}.abc-sw__counter{text-align:center;padding:8px;font-size:11px;font-weight:600;color:var(--_muted,var(--abc-text-muted,#9CA3AF));border-top:1px solid var(--_border,var(--abc-border,#E5E7EB))}.abc-sw__empty{text-align:center;padding:40px 20px;color:var(--_muted,var(--abc-text-muted,#9CA3AF))}.abc-sw__empty p{font-size:14px;font-weight:600;margin:12px 0}.abc-sw__reload{padding:10px 20px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit}.abc-sw__set-hero{flex:1;position:relative;overflow:hidden;min-height:160px;background:var(--_bg-light,var(--abc-bg-light,#F9FAFB))}.abc-sw__set-hero img{width:100%;height:100%;object-fit:cover}.abc-sw__set-badge{position:absolute;top:10px;left:10px;padding:4px 10px;font-size:10px;font-weight:800;background:rgb(139 92 246 / .92);color:#fff;border-radius:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:3}.abc-sw__set-gallery{display:flex;gap:3px;padding:4px 10px}.abc-sw__set-gallery img{flex:1;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--_border,var(--abc-border,#F3F4F6))}.abc-sw__card-name{display:block;font-size:12px;font-weight:700;color:var(--_text,var(--abc-text,#111827));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.abc-sw__card--set .abc-sw__card-footer{align-items:flex-start}.abc-sw__card--set .abc-sw__card-footer>div{flex:1;min-width:0}.abc-sw__card--set .abc-sw__card-total{font-size:15px}.abc-sw__card--set .abc-sw__card-total del{font-size:11px}.abc-sw__card--set .abc-sw__card-total ins{text-decoration:none}.abc-sw-preview__set-hero{overflow:hidden;position:relative}.abc-sw-preview__set-hero img{width:100%;height:140px;object-fit:cover}.abc-sw-preview__set-badge{position:absolute;top:6px;left:6px;padding:3px 7px;font-size:8px;font-weight:800;background:rgb(139 92 246 / .92);color:#fff;border-radius:4px}.abc-sw__card--exit-left{transition:transform 0.35s ease,opacity 0.35s ease;transform:translateX(-120%) rotate(-15deg)!important;opacity:0}.abc-sw__card--exit-right{transition:transform 0.35s ease,opacity 0.35s ease;transform:translateX(120%) rotate(15deg)!important;opacity:0}.abc-sw__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:absolute;inset:0}.abc-sw__loading-spinner{width:32px;height:32px;border:3px solid #F3F4F6;border-top-color:#8B5CF6;border-radius:50%;animation:abc-spin 0.7s linear infinite}body.abc-sw-open{overflow:hidden}@media (max-width:600px){.abc-sw{align-items:flex-end;padding:0}.abc-sw__container{max-width:100%;max-height:95vh;border-radius:22px 22px 0 0;transform:translateY(100%)}.abc-sw.open .abc-sw__container{transform:translateY(0)}.abc-sw__body{min-height:280px}.abc-sw__stack{width:90%;max-height:300px}.abc-sw__actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}}html[data-theme="dark"] .abc-sw__container{background:var(--abc-bg,#1F2937)}html[data-theme="dark"] .abc-sw__filters{background:#374151}html[data-theme="dark"] .abc-sw__chip{background:#1F2937;border-color:#4B5563}html[data-theme="dark"] .abc-sw__card{background:#374151;border-color:#4B5563}html[data-theme="dark"] .abc-sw__collage-item{background:#1F2937;border-color:#4B5563}html[data-theme="dark"] .abc-sw__action--skip{background:#374151;border-color:#6B7280}.abc-sw-preview{margin-top:30px;border:2px solid #E5E7EB;border-radius:16px;overflow:hidden;background:#F9FAFB}.abc-sw-preview__card-wrap{display:flex;justify-content:center;padding:16px 18px}.abc-sw-preview__card{width:240px;background:#fff;border-radius:14px;box-shadow:0 4px 16px rgb(0 0 0 / .08);border:1px solid #E5E7EB;overflow:hidden}.abc-sw-preview__card-title{padding:10px 12px 6px;font-size:12px;font-weight:800;color:#111827;text-align:center}.abc-sw-preview__collage{display:flex;gap:3px;padding:0 8px}.abc-sw-preview__collage-item{flex:1;border-radius:8px;overflow:hidden;background:#F9FAFB;border:1px solid #F3F4F6;text-align:center}.abc-sw-preview__collage-item img{width:100%;height:70px;object-fit:cover}.abc-sw-preview__collage-item span{display:block;font-size:8px;font-weight:600;color:#6B7280;padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-sw-preview__card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #F3F4F6}.abc-sw-preview__card-price{font-size:13px;font-weight:800;color:#F97316}.abc-sw-preview__card-price del{font-size:10px;color:#9CA3AF;font-weight:400}.abc-sw-preview__card-price ins{text-decoration:none}.abc-sw-preview__card-badge{font-size:9px;font-weight:700;padding:3px 8px;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;border-radius:5px}.abc-loyalty-earn{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:linear-gradient(135deg,#FEF3C7,#FFFBEB);border:1px solid #FCD34D;border-radius:var(--abc-radius,14px);font-size:14px;color:#92400E;line-height:1.4}.abc-loyalty-earn__icon{font-size:20px;flex-shrink:0}.abc-loyalty-earn__text{flex:1}.abc-loyalty-earn__text strong{font-weight:700;color:#78350F}.abc-loyalty-earn__tip{flex-shrink:0;cursor:help;color:#B45309;opacity:.7;position:relative}.abc-loyalty-earn__tip:hover{opacity:1}.abc-loyalty-earn__tip svg{display:block}.abc-loyalty-card{position:relative;padding:28px 24px 24px;margin-bottom:32px;border-radius:20px;background:var(--abc-loyalty-bg,linear-gradient(135deg,#F3F4F6,#E5E7EB));border:1.5px solid var(--abc-loyalty-border,#D1D5DB);color:var(--abc-loyalty-color,#1F2937);overflow:hidden}.abc-loyalty-card::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgb(255 255 255 / .2) 0%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none}.abc-loyalty--bronze{--abc-loyalty-bg:linear-gradient(135deg, #FEF3C7, #F3E8D0);--abc-loyalty-border:#D4A76A;--abc-loyalty-color:#78350F;--abc-loyalty-accent:#B45309;--abc-loyalty-bar:#D97706}.abc-loyalty--silver{--abc-loyalty-bg:linear-gradient(135deg, #F1F5F9, #E2E8F0);--abc-loyalty-border:#94A3B8;--abc-loyalty-color:#334155;--abc-loyalty-accent:#475569;--abc-loyalty-bar:#64748B}.abc-loyalty--gold{--abc-loyalty-bg:linear-gradient(135deg, #FEF9C3, #FDE68A);--abc-loyalty-border:#F59E0B;--abc-loyalty-color:#78350F;--abc-loyalty-accent:#D97706;--abc-loyalty-bar:#F59E0B}.abc-loyalty--diamond{--abc-loyalty-bg:linear-gradient(135deg, #DBEAFE, #BFDBFE);--abc-loyalty-border:#3B82F6;--abc-loyalty-color:#1E3A5F;--abc-loyalty-accent:#2563EB;--abc-loyalty-bar:#3B82F6}.abc-loyalty--platinum{--abc-loyalty-bg:linear-gradient(135deg, #1E1B4B, #312E81);--abc-loyalty-border:#6366F1;--abc-loyalty-color:#E0E7FF;--abc-loyalty-accent:#A5B4FC;--abc-loyalty-bar:#818CF8}.abc-loyalty-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;position:relative;z-index:1}.abc-loyalty-card__icon{font-size:28px}.abc-loyalty-card__title{font-size:18px;font-weight:700;margin:0;padding:0;color:inherit}.abc-loyalty-card__tier{margin-bottom:16px;position:relative;z-index:1}.abc-loyalty-card__tier-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border-radius:50px;font-size:15px;font-weight:700;background:rgb(0 0 0 / .08);color:var(--abc-loyalty-accent,inherit)}.abc-loyalty--platinum .abc-loyalty-card__tier-badge{background:rgb(255 255 255 / .15)}.abc-loyalty-card__points{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;position:relative;z-index:1}.abc-loyalty-card__points-label{font-size:14px;opacity:.7}.abc-loyalty-card__points-value{font-size:36px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--abc-loyalty-accent,inherit)}.abc-loyalty-card__progress{position:relative;z-index:1}.abc-loyalty-card__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.abc-loyalty-card__progress-label{font-weight:600}.abc-loyalty-card__progress-remaining{opacity:.7}.abc-loyalty-card__progress-bar{height:10px;background:rgb(0 0 0 / .1);border-radius:10px;overflow:hidden}.abc-loyalty--platinum .abc-loyalty-card__progress-bar{background:rgb(255 255 255 / .15)}.abc-loyalty-card__progress-fill{height:100%;border-radius:10px;background:var(--abc-loyalty-bar,#6366F1);transition:width 0.6s ease;min-width:2%}.abc-loyalty-card__progress-pct{text-align:right;font-size:12px;font-weight:700;margin-top:4px;opacity:.6}.abc-loyalty-card__max{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgb(0 0 0 / .06);border-radius:12px;font-size:14px;font-weight:600;position:relative;z-index:1}.abc-loyalty--platinum .abc-loyalty-card__max{background:rgb(255 255 255 / .12)}@media (max-width:480px){.abc-loyalty-card{padding:20px 16px 18px;border-radius:16px}.abc-loyalty-card__points-value{font-size:28px}.abc-loyalty-card__title{font-size:16px}}.abc-coupon-box{margin-bottom:16px}.abc-coupon-box__input-row{display:flex;align-items:center;gap:0;border:1.5px solid #D1D5DB;border-radius:var(--abc-radius,14px);overflow:hidden;background:#fff;transition:border-color 0.2s}.abc-coupon-box__input-row:focus-within{border-color:#6366F1;box-shadow:0 0 0 3px rgb(99 102 241 / .12)}.abc-coupon-box__icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:#9CA3AF;flex-shrink:0}.abc-coupon-box__input{flex:1;height:48px!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.5px;padding:0 8px!important;min-width:0;color:#111827!important}.abc-coupon-box__input::placeholder{text-transform:none;letter-spacing:0;color:#9CA3AF}.abc-coupon-box__apply{flex-shrink:0;height:48px;padding:0 20px;border:none!important;background:#6366F1!important;color:#fff!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background 0.2s;border-radius:0!important;line-height:48px!important}.abc-coupon-box__apply:hover{background:#4F46E5!important}.abc-coupon-box__apply:disabled{background:#A5B4FC!important;cursor:not-allowed}.abc-coupon-box__msg{padding:10px 14px;margin-top:8px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.4}.abc-coupon-box__msg--success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}.abc-coupon-box__msg--error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.abc-coupon-box__applied{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.abc-coupon-box__applied:empty{display:none}.abc-coupon-box__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 14px;background:linear-gradient(135deg,#EEF2FF,#E0E7FF);border:1px solid #C7D2FE;border-radius:50px;font-size:13px;color:#3730A3;transition:opacity 0.2s}.abc-coupon-box__chip-code{font-weight:700;letter-spacing:.5px;font-family:monospace;font-size:12px}.abc-coupon-box__chip-discount{font-weight:600;color:#059669;font-size:12px}.abc-coupon-box__chip-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none!important;background:rgb(0 0 0 / .08)!important;border-radius:50%!important;cursor:pointer;color:#6B7280!important;padding:0!important;transition:background 0.2s;flex-shrink:0}.abc-coupon-box__chip-remove:hover{background:rgb(220 38 38 / .15)!important;color:#DC2626!important}.abc-coupon-box__chip-remove svg{display:block}@media (max-width:480px){.abc-coupon-box__apply{padding:0 14px;font-size:13px!important}.abc-coupon-box__input{font-size:13px!important}}.abc-ret__backdrop{position:fixed!important;inset:0!important;z-index:99997!important;background:rgb(0 0 0 / .5)!important;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.abc-ret__backdrop.active{opacity:1;visibility:visible}.abc-ret{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99998!important;padding:16px!important;pointer-events:none;opacity:0;transition:opacity 0.3s}.abc-ret.open{pointer-events:auto;opacity:1}.abc-ret__container{position:relative!important;background:#fff!important;border-radius:22px!important;box-shadow:0 25px 60px rgb(0 0 0 / .25)!important;max-width:560px!important;width:100%!important;max-height:90vh!important;display:flex;flex-direction:column;overflow:hidden!important}body.abc-ret-open{overflow:hidden!important}.abc-ret__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #F3F4F6}.abc-ret__title{font-size:18px;font-weight:700;margin:0;padding:0;color:#111827}.abc-ret__close{width:36px;height:36px;border:none!important;background:#F3F4F6!important;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6B7280;padding:0!important;transition:background 0.2s}.abc-ret__close:hover{background:#E5E7EB!important}.abc-ret__steps{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 24px}.abc-ret__step{display:flex;align-items:center;gap:6px}.abc-ret__step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#E5E7EB;color:#6B7280;transition:all 0.3s}.abc-ret__step.active .abc-ret__step-num{background:#6366F1;color:#fff}.abc-ret__step.completed .abc-ret__step-num{background:#059669;color:#fff}.abc-ret__step-label{font-size:13px;color:#6B7280;font-weight:500}.abc-ret__step.active .abc-ret__step-label{color:#111827;font-weight:600}.abc-ret__step-line{width:32px;height:2px;background:#D1D5DB;margin:0 8px}.abc-ret__body{padding:0 24px 16px;overflow-y:auto;flex:1;min-height:200px}.abc-ret__panel-desc{font-size:14px;color:#6B7280;margin-bottom:12px}.abc-ret__reasons{display:flex;flex-direction:column;gap:8px}.abc-ret__reason-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid #E5E7EB;border-radius:14px;cursor:pointer;transition:all 0.2s;margin:0}.abc-ret__reason-option:hover{border-color:#A5B4FC;background:#F5F3FF}.abc-ret__reason-option:has(input:checked){border-color:#6366F1;background:#EEF2FF}.abc-ret__reason-option input[type="radio"]{margin:0!important;width:18px!important;height:18px!important;accent-color:#6366F1}.abc-ret__reason-label{font-size:14px;font-weight:500;color:#374151}.abc-ret__items{display:flex;flex-direction:column;gap:8px}.abc-ret__items-loading{text-align:center;padding:24px;color:#9CA3AF;font-size:14px}.abc-ret__item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #E5E7EB;border-radius:14px;cursor:pointer;transition:all 0.2s;margin:0}.abc-ret__item:hover{border-color:#A5B4FC}.abc-ret__item:has(input:checked){border-color:#6366F1;background:#EEF2FF}.abc-ret__item-check{margin:0!important;width:18px!important;height:18px!important;accent-color:#6366F1;flex-shrink:0}.abc-ret__item-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.abc-ret__item-img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.abc-ret__item-img--placeholder{display:flex;align-items:center;justify-content:center;background:#F3F4F6;font-size:20px}.abc-ret__item-details{flex:1;min-width:0}.abc-ret__item-name{display:block;font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abc-ret__item-qty-row{display:flex;align-items:center;gap:6px;margin-top:4px}.abc-ret__item-qty-label{font-size:12px;color:#6B7280}.abc-ret__item-qty{height:28px!important;padding:2px 6px!important;border:1px solid #D1D5DB!important;border-radius:8px!important;font-size:13px!important;background:#fff!important;min-width:50px}.abc-ret__item-qty-max{font-size:12px;color:#9CA3AF}.abc-ret__summary{padding:14px 16px;background:#F9FAFB;border-radius:14px;margin-bottom:16px;font-size:14px;line-height:1.6}.abc-ret__summary-section{margin-bottom:8px}.abc-ret__summary-section:last-child{margin-bottom:0}.abc-ret__summary ul{margin:4px 0 0 18px;padding:0;font-size:13px}.abc-ret__field{margin-bottom:14px}.abc-ret__field-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.abc-ret__method-options{display:flex;gap:10px}.abc-ret__method-option{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all 0.2s;font-size:14px;margin:0}.abc-ret__method-option:has(input:checked){border-color:#6366F1;background:#EEF2FF}.abc-ret__method-option input[type="radio"]{margin:0!important;accent-color:#6366F1}.abc-ret__textarea{width:100%!important;padding:10px 14px!important;border:1.5px solid #D1D5DB!important;border-radius:14px!important;font-size:14px!important;resize:vertical;min-height:60px;background:#fff!important;font-family:inherit}.abc-ret__textarea:focus{border-color:#6366F1!important;outline:none!important;box-shadow:0 0 0 3px rgb(99 102 241 / .12)!important}.abc-ret__msg{margin:0 24px 12px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500}.abc-ret__msg--success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}.abc-ret__msg--error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.abc-ret__footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #F3F4F6;gap:10px}.abc-ret__btn{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none!important;transition:background 0.2s}.abc-ret__btn--back{background:#F3F4F6!important;color:#374151!important}.abc-ret__btn--back:hover{background:#E5E7EB!important}.abc-ret__btn--next,.abc-ret__btn--submit{background:#6366F1!important;color:#fff!important;margin-left:auto}.abc-ret__btn--next:hover,.abc-ret__btn--submit:hover{background:#4F46E5!important}.abc-ret__btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.abc-ret{align-items:flex-end!important;padding:0!important}.abc-ret__container{max-width:100%!important;max-height:92vh!important;border-radius:22px 22px 0 0!important;width:100%!important}.abc-ret__step-label{display:none}.abc-ret__method-options{flex-direction:column}}.abc-ret-page__title{font-size:20px;font-weight:700;margin-bottom:20px;color:#111827}.abc-ret-page__empty{padding:32px;text-align:center;color:#6B7280;background:#F9FAFB;border-radius:16px}.abc-ret-list{display:flex;flex-direction:column;gap:14px}.abc-ret-card{border:1.5px solid #E5E7EB;border-radius:16px;overflow:hidden}.abc-ret-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#F9FAFB;border-bottom:1px solid #E5E7EB}.abc-ret-card__id{font-size:14px;font-weight:600;color:#111827}.abc-ret-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.3px}.abc-ret-badge--pending{background:#FEF3C7;color:#92400E}.abc-ret-badge--approved{background:#D1FAE5;color:#065F46}.abc-ret-badge--rejected{background:#FEE2E2;color:#991B1B}.abc-ret-badge--completed{background:#EDE9FE;color:#5B21B6}.abc-ret-card__body{padding:14px 18px}.abc-ret-card__meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:#374151;margin-bottom:10px}.abc-ret-card__items{font-size:13px;margin-bottom:8px}.abc-ret-card__items ul{margin:4px 0 0 18px;padding:0}.abc-ret-card__items li{margin-bottom:2px}.abc-ret-card__note,.abc-ret-card__admin-note{font-size:13px;margin-top:8px;padding:8px 12px;background:#F9FAFB;border-radius:10px}.abc-ret-card__admin-note{background:#EEF2FF;border:1px solid #C7D2FE}.woocommerce-orders-table__cell-order-actions a.abc_return{background:#F3F4F6;color:#374151;border:1px solid #D1D5DB}.woocommerce-orders-table__cell-order-actions a.abc_return:hover{background:#6366F1;color:#fff;border-color:#6366F1}.abc-csm__backdrop{position:fixed!important;inset:0!important;z-index:99997!important;background:rgb(0 0 0 / .45)!important;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s;backdrop-filter:blur(4px)}.abc-csm__backdrop.active{opacity:1;visibility:visible}.abc-csm{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99998!important;padding:16px!important;pointer-events:none;opacity:0;transform:scale(.95) translateY(10px);transition:opacity 0.35s,transform 0.35s}.abc-csm.open{pointer-events:auto;opacity:1;transform:scale(1) translateY(0)}.abc-csm__container{position:relative!important;background:#fff!important;border-radius:24px!important;box-shadow:0 25px 60px rgb(0 0 0 / .2)!important;max-width:420px!important;width:100%!important;padding:32px 28px 28px!important;text-align:center}body.abc-csm-open{overflow:hidden!important}.abc-csm__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none!important;background:#F3F4F6!important;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6B7280;padding:0!important;transition:background 0.2s}.abc-csm__close:hover{background:#E5E7EB!important}.abc-csm__icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;background:linear-gradient(135deg,#EEF2FF,#E0E7FF);border-radius:20px;color:#6366F1;margin-bottom:16px}.abc-csm__title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px;padding:0}.abc-csm__desc{font-size:14px;color:#6B7280;margin:0 0 20px;line-height:1.5}.abc-csm__form{text-align:left}.abc-csm__input-row{margin-bottom:12px}.abc-csm__input{width:100%!important;height:48px!important;padding:0 16px!important;border:1.5px solid #D1D5DB!important;border-radius:14px!important;font-size:15px!important;background:#fff!important;color:#111827!important;transition:border-color 0.2s;box-shadow:none!important;outline:none!important}.abc-csm__input:focus{border-color:#6366F1!important;box-shadow:0 0 0 3px rgb(99 102 241 / .12)!important}.abc-csm__consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151;margin-bottom:8px;cursor:pointer}.abc-csm__consent input[type="checkbox"]{margin-top:2px!important;accent-color:#6366F1}.abc-csm__privacy{font-size:11px;color:#9CA3AF;margin:0 0 16px;line-height:1.4}.abc-csm__msg{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:12px;text-align:left}.abc-csm__msg--success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}.abc-csm__msg--error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.abc-csm__success{padding:16px 0;text-align:center}.abc-csm__success-icon{font-size:40px;margin-bottom:10px}.abc-csm__success-text{font-size:15px;font-weight:600;color:#065F46;margin:0}.abc-csm__actions{display:flex;flex-direction:column;gap:8px}.abc-csm__btn{width:100%;padding:13px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none!important;transition:background 0.2s,transform 0.1s}.abc-csm__btn:active{transform:scale(.98)}.abc-csm__btn--primary{background:#6366F1!important;color:#fff!important}.abc-csm__btn--primary:hover{background:#4F46E5!important}.abc-csm__btn--primary:disabled{background:#A5B4FC!important;cursor:not-allowed}.abc-csm__btn--ghost{background:transparent!important;color:#6B7280!important;font-weight:500}.abc-csm__btn--ghost:hover{background:#F3F4F6!important;color:#374151!important}@media (max-width:480px){.abc-csm{align-items:flex-end!important;padding:0!important}.abc-csm__container{max-width:100%!important;border-radius:24px 24px 0 0!important;padding:28px 20px 24px!important}}@media screen and (max-width:768px){#abc-atc-popup.abc-atc-popup{align-items:flex-end!important;padding:0!important}#abc-atc-popup .abc-atc-popup__container{max-width:100%!important;width:100%!important;border-radius:24px 24px 0 0!important;margin:0!important}#abc-atc-popup .abc-atc-popup__header{padding:18px 16px!important}#abc-atc-popup .abc-atc-popup__title{font-size:18px!important;gap:10px!important}#abc-atc-popup .abc-atc-popup__close{width:40px!important;height:40px!important}#abc-atc-popup .abc-atc-added{display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:16px!important}#abc-atc-popup .abc-atc-added__img{width:80px!important;height:80px!important;border-radius:12px!important;flex-shrink:0!important}#abc-atc-popup .abc-atc-added__info{flex:1!important;min-width:0!important}#abc-atc-popup .abc-atc-added__name{font-size:15px!important;line-height:1.4!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}#abc-atc-popup .abc-atc-added__price{font-size:17px!important;margin-top:8px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}#abc-atc-popup .abc-atc-added__price del{font-size:14px!important}#abc-atc-popup .abc-atc-added__meta{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:14px!important;margin-top:6px!important;border-top:1px dashed #E5E7EB!important}#abc-atc-popup .abc-atc-added__count{font-size:14px!important;font-weight:500!important}#abc-atc-popup .abc-atc-added__subtotal{font-size:18px!important;font-weight:800!important}#abc-atc-popup .abc-atc-popup__footer{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))!important}#abc-atc-popup .abc-atc-popup__btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:100%!important;max-width:100%!important;flex:none!important;height:56px!important;font-size:16px!important;font-weight:700!important;border-radius:14px!important;box-sizing:border-box!important}#abc-atc-popup .abc-atc-popup__btn--primary{order:1!important}#abc-atc-popup .abc-atc-popup__btn--secondary{order:2!important}#abc-atc-popup .abc-atc-recos{padding:16px!important}#abc-atc-popup .abc-atc-recos__grid{display:flex!important;overflow-x:auto!important;gap:12px!important;padding-bottom:4px!important}#abc-atc-popup .abc-atc-reco{min-width:140px!important;max-width:160px!important;flex-shrink:0!important}}:root{--color-primary:#14B8A6;--color-primary-dark:#0D9488;--color-cta:#F97316;--color-cta-hover:#EA580C;--color-sale:#EF4444;--color-bg-light:#F9FAFB;--color-bg-dark:#111827;--color-bg-white:#FFFFFF;--color-bg-card:#FFFFFF;--color-text:#1F2937;--color-text-muted:#6B7280;--color-text-light:#9CA3AF;--color-text-inverse:#FFFFFF;--color-border:#E5E7EB;--color-border-dark:#D1D5DB;--color-success:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#3B82F6;--font-family-base:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-header-sticky:350;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-max-width:1440px;--container-padding:1rem;--page-gutter:16px;--page-gutter-lg:24px;--card-radius:18px;--card-radius-sm:14px;--card-shadow:0 2px 12px rgba(0,0,0,0.06);--card-shadow-hover:0 4px 20px rgba(0,0,0,0.1);--topbar-height:36px;--header-height:64px;--header-total-height:calc(var(--topbar-height) + var(--header-height))}html[data-theme="dark"],body[data-theme="dark"]{--color-bg-light:#1F2937;--color-bg-dark:#111827;--color-bg-white:#1F2937;--color-bg-card:#374151;--color-text:#F9FAFB;--color-text-muted:#9CA3AF;--color-text-light:#6B7280;--color-text-inverse:#111827;--color-border:#374151;--color-border-dark:#4B5563;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding)}.skip-link{position:absolute;top:-100%;left:0;z-index:var(--z-tooltip);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-text-inverse)}.skip-link:focus{top:0}.topbar{--topbar-bg:#1a1a2e;--topbar-color:#f0ece2}.header__logo img,.header__logo .custom-logo{height:48px}.products-grid{grid-template-columns:repeat(5,1fr)!important}.agp .products-grid,.agp--cat .products-grid{grid-template-columns:repeat(4,1fr)!important}.categories-grid{grid-template-columns:repeat(3,1fr)!important}.flash-products-grid{grid-template-columns:repeat(5,1fr)!important}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)!important}.agp .products-grid,.agp--cat .products-grid{grid-template-columns:repeat(3,1fr)!important}.categories-grid{grid-template-columns:repeat(3,1fr)!important}.flash-products-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)!important}.agp .products-grid,.agp--cat .products-grid{grid-template-columns:repeat(2,1fr)!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important}.flash-products-grid{grid-template-columns:repeat(2,1fr)!important}.agp--cat .agp-hero,.agp--cat .agp-hero .container{padding-left:0!important;padding-right:0!important}.agp--cat .agp-tabs .container,.agp--cat .agp-catrow .container,.agp--cat .agp-flash .container,.agp--cat .agp-cats .container,.agp--cat .agp-featured .container,.agp--cat .agp-products .container,.agp--cat .agp-shipping-bar .container,.agp--cat .agp-toolbar .container{padding-left:6px!important;padding-right:6px!important}}@media (max-width:480px){.categories-grid{grid-template-columns:repeat(2,1fr)!important}}/**
 * Almira Bebek Theme Styles
 * 
 * @package Almira_Bebek
 */

/* ==========================================================================
   GLOBAL CONTAINER
   ========================================================================== */

body {
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
}

@media (min-width: 1024px) {
    .container {
        padding-left: var(--page-gutter-lg);
        padding-right: var(--page-gutter-lg);
    }
}

/* ==========================================================================
   TOP BAR — Premium v3
   Ultra-slim utility strip. Warm, elegant, conversion-focused.
   ========================================================================== */

.topbar {
    --tb-bg: var(--topbar-bg, #1a1a2e);
    --tb-color: var(--topbar-color, #f0ece2);
    background: var(--tb-bg);
    color: var(--tb-color);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    line-height: 1;
    position: relative;
    z-index: calc(var(--z-dropdown) + 2);
}

/* Desktop layout */
.topbar__desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}

.topbar__mobile { display: none; }

/* Benefits */
.topbar__benefits {
    display: flex;
    align-items: center;
    gap: 0;
}

.topbar__pill {
    padding: 0 12px;
    white-space: nowrap;
    opacity: 0.88;
    transition: opacity 0.2s;
}
.topbar__pill:hover { opacity: 1; }

.topbar__dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.3;
    flex-shrink: 0;
}

/* Utilities (right) */
.topbar__utils {
    display: flex;
    align-items: center;
    gap: 4px;
}

.topbar__util {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
    opacity: 0.85;
}
.topbar__util:hover {
    background: rgba(255,255,255,0.08);
    opacity: 1;
}

.topbar__util--wa {
    color: #25d366;
    opacity: 1;
}
.topbar__util--wa:hover {
    background: rgba(37,211,102,0.12);
}
.topbar__util--wa span {
    color: var(--tb-color);
}

.topbar__theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.06);
    color: inherit;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-left: 4px;
}
.topbar__theme-btn:hover {
    background: rgba(255,255,255,0.14);
    transform: rotate(15deg);
}

/* Theme toggle icon visibility */
html[data-theme="light"] .theme-icon--dark,
html:not([data-theme]) .theme-icon--dark { display: none; }
html[data-theme="dark"] .theme-icon--light { display: none; }
html[data-theme="dark"] .theme-icon--dark { display: inline-flex; }

/* Mobile ticker */
.topbar__ticker {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    animation: ticker-slide 20s linear infinite;
    white-space: nowrap;
}
.topbar__ticker-link {
    color: inherit;
    text-decoration: none;
}
.topbar__ticker-link:hover { text-decoration: underline; }
.topbar__ticker-text { opacity: 0.9; }

@keyframes ticker-slide {
    0%   { transform: translateX(60%); }
    100% { transform: translateX(-60%); }
}


/* ==========================================================================
   MAIN HEADER — Premium v3
   Luxury e-commerce: logo left, full search center, actions right.
   Glass-morphism sticky. Shrinks on scroll.
   ========================================================================== */

.header {
    background: var(--color-surface, #fff);
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: relative;
    z-index: var(--z-dropdown);
    transition: background 0.35s, box-shadow 0.35s, border-color 0.35s;
}

/* Sticky behavior — entire site-header becomes fixed */
.site-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-header-sticky);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header.is-sticky .header {
    background: rgba(255,255,255,0.92);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    box-shadow: 0 1px 24px rgba(0,0,0,0.06);
    border-bottom-color: transparent;
}

/* Hide on scroll-down */
.site-header.is-hidden {
    transform: translateY(-100%);
}

/* Sticky: hide topbar for compact header */
.site-header.is-sticky .topbar {
    display: none;
}

/* Sticky: mnav bottom edge */
.site-header.is-sticky .mnav {
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.header__row {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 72px;
    transition: height 0.3s ease;
}

.site-header.is-sticky .header__row {
    height: 60px;
}

/* ── Hamburger (mobile) ── */
.header__hamburger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    color: var(--color-text, #1a1a2e);
    cursor: pointer;
    border-radius: 10px;
    transition: background 0.2s;
    flex-shrink: 0;
}
.header__hamburger:hover { background: rgba(0,0,0,0.04); }

/* ── Logo ── */
.header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.header__logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.2s;
}
.header__logo a:hover { opacity: 0.8; }

.header__logo img,
.header__logo .custom-logo {
    height: 52px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    transition: height 0.3s ease;
}

.site-header.is-sticky .header__logo img,
.site-header.is-sticky .header__logo .custom-logo {
    height: 42px;
}

.header__logo-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-text, #1a1a2e);
    text-decoration: none;
    letter-spacing: -0.02em;
}

/* ── Search Bar ── */
.header__search {
    flex: 1;
    max-width: 560px;
    margin: 0 auto;
    position: relative;
}

.header__search-form {
    display: flex;
    align-items: center;
    height: 44px;
    background: var(--color-surface-alt, #f5f3ef);
    border: 1.5px solid transparent;
    border-radius: 12px;
    padding: 0 6px 0 14px;
    gap: 8px;
    transition: all 0.3s ease;
}

.header__search-form:focus-within {
    background: #fff;
    border-color: var(--color-primary, #7dba84);
    box-shadow: 0 0 0 4px rgba(125,186,132,0.10), 0 4px 16px rgba(0,0,0,0.06);
}

.header__search-ico {
    flex-shrink: 0;
    color: var(--color-text-muted, #888);
    transition: color 0.3s;
}
.header__search-form:focus-within .header__search-ico {
    color: var(--color-primary, #7dba84);
}

.header__search-input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.9rem;
    color: var(--color-text, #1a1a2e);
    outline: none;
    min-width: 0;
    font-family: inherit;
}
.header__search-input::placeholder {
    color: var(--color-text-muted, #999);
    font-weight: 400;
}

/* Keyboard shortcut hint */
.header__search-kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    font-size: 0.68rem;
    font-family: inherit;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
    color: var(--color-text-muted, #999);
    white-space: nowrap;
    pointer-events: none;
    line-height: 1.5;
}
.header__search-form:focus-within .header__search-kbd { display: none; }

.header__search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 9px;
    background: var(--color-primary, #7dba84);
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s, transform 0.15s;
}
.header__search-btn:hover {
    background: var(--color-primary-hover, #6aab72);
    transform: scale(1.04);
}

/* ── Action Icons ── */
.header__actions {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.header__icon {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    color: var(--color-text, #1a1a2e);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    border: none;
    background: none;
}
.header__icon:hover {
    background: rgba(0,0,0,0.04);
    color: var(--color-primary, #7dba84);
}

.header__icon svg {
    transition: transform 0.2s;
}
.header__icon:hover svg {
    transform: translateY(-1px);
}

.header__icon-text {
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-top: 2px;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.header__icon:hover .header__icon-text { opacity: 1; }

/* Mobile search icon */
.header__icon--search-m { display: none; }

/* Badges */
.action-badge {
    position: absolute;
    top: 4px;
    right: 6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--color-accent, #e88473);
    color: #fff;
    font-size: 0.64rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    transform: scale(0);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.action-badge[data-wishlist-count="0"],
.action-badge[data-cart-count="0"] { transform: scale(0); }
.action-badge:not([data-wishlist-count="0"]):not([data-cart-count="0"]) {
    transform: scale(1);
}

/* Tooltip on hover (desktop) */
.header__icon[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) translateY(100%) scale(0.9);
    background: var(--color-text, #1a1a2e);
    color: #fff;
    font-size: 0.68rem;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
    z-index: 10;
}
.header__icon[data-tooltip]:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(100%) scale(1);
}


/* ==========================================================================
   MEGA MENU — Premium v4.0 (Trendyol / H&M / ASOS Style)
   ========================================================================== */

/* ── Nav bar ── */
.mnav {
    background: var(--color-bg-white);
    border-bottom: 1px solid var(--color-border);
    position: relative;
    z-index: var(--z-dropdown);
}

.mnav__list {
    display: flex;
    align-items: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mnav__item {
    position: relative;
}

/* ── Nav link ── */
.mnav__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 18px;
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.01em;
    white-space: nowrap;
    transition: color 180ms ease, background-color 180ms ease;
    position: relative;
}

.mnav__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 2.5px;
    background: var(--color-primary);
    border-radius: 2px 2px 0 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mnav__link:hover,
.mnav__item--mega:hover .mnav__link {
    color: var(--color-primary);
}

.mnav__link:hover::after,
.mnav__item--mega:hover .mnav__link::after {
    transform: scaleX(1);
}

/* ── Icon in nav ── */
.mnav__ico {
    display: inline-flex;
    opacity: 0.65;
    transition: opacity 180ms ease;
}
.mnav__link:hover .mnav__ico,
.mnav__item--mega:hover .mnav__ico {
    opacity: 1;
}

/* ── Chevron ── */
.mnav__chevron {
    display: inline-flex;
    margin-left: -2px;
    transition: transform 250ms ease;
}
.mnav__item--mega:hover .mnav__chevron {
    transform: rotate(180deg);
}

/* ── CTA item (Kampanyalar) ── */
.mnav__item--cta .mnav__link {
    color: var(--color-cta);
    font-weight: 600;
}
.mnav__item--cta .mnav__link:hover {
    color: var(--color-cta-hover);
}
.mnav__item--cta .mnav__link::after {
    background: var(--color-cta);
}

/* ── "Yeni" badge ── */
.mnav__badge {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    border-radius: 20px;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════
   MEGA DROPDOWN — Full-width panel
   ═══════════════════════════════════════════════════════════ */

.mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: var(--container-max-width);
    z-index: var(--z-dropdown);
    pointer-events: none;
}

/* Center mega relative to viewport, not parent item */
.mnav { position: relative; }
.mnav__item--mega { position: static; }
.mnav__item--mega .mega { left: 0; right: 0; transform: none; }

.mega__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.12);
    opacity: 0;
    transition: opacity 200ms ease;
    z-index: -1;
    pointer-events: none;
}

.mega__body {
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-top: none;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 20px 60px -10px rgba(0,0,0,0.12), 0 8px 24px -6px rgba(0,0,0,0.06);
    padding: 28px 0;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1),
                transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover reveal */
.mnav__item--mega:hover .mega {
    pointer-events: auto;
}
.mnav__item--mega:hover .mega__body {
    opacity: 1;
    transform: translateY(0);
}
.mnav__item--mega:hover .mega__backdrop {
    opacity: 1;
}

.mega[hidden] {
    display: block;
}

/* ── Grid: columns + promo ── */
.mega__grid {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 32px;
    align-items: start;
}

.mega__columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 24px;
}

/* ── Column title ── */
.mega__col-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-text);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--color-primary);
    transition: color 180ms ease;
}

.mega__col-arrow {
    display: inline-flex;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.mega__col-title:hover {
    color: var(--color-primary);
}
.mega__col-title:hover .mega__col-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* ── Sub links ── */
.mega__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mega__link {
    display: block;
    padding: 6px 0;
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color 150ms ease, padding-left 150ms ease;
    border-radius: 4px;
}

.mega__link:hover {
    color: var(--color-primary);
    padding-left: 6px;
}

/* ── Promo banner ── */
.mega__promo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 20px;
    border-radius: 14px;
    min-height: 180px;
}

.mega__promo--soft-teal {
    background: linear-gradient(145deg, #e6faf8 0%, #d1f3ef 100%);
}
.mega__promo--warm-coral {
    background: linear-gradient(145deg, #fef0ec 0%, #fdddd4 100%);
}

.mega__promo-label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-text);
    letter-spacing: 0.02em;
    margin-bottom: 8px;
}

.mega__promo-desc {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0 0 16px;
}

.mega__promo-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: var(--color-primary);
    border-radius: 8px;
    text-decoration: none;
    transition: background 180ms ease, transform 180ms ease;
    align-self: flex-start;
}

.mega__promo-btn:hover {
    background: var(--color-primary-dark);
    transform: translateY(-1px);
}

/* ==========================================================================
   MOBILE MENU DRAWER — Premium v4.0
   ========================================================================== */

/* ── Backdrop ── */
.mdrawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: var(--z-modal-backdrop);
    opacity: 0;
    visibility: hidden;
    transition: opacity 280ms ease, visibility 280ms ease;
}
.mdrawer-backdrop.is-active {
    opacity: 1;
    visibility: visible;
}
.mdrawer-backdrop[hidden] {
    display: block;
}

/* ── Drawer shell ── */
.mdrawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    max-width: 88vw;
    background: var(--color-bg-white);
    z-index: var(--z-modal);
    display: flex;
    flex-direction: column;
    transform: translateX(-102%);
    transition: transform 320ms cubic-bezier(0.32, 0.72, 0, 1);
    overflow: hidden;
    box-shadow: 8px 0 40px rgba(0,0,0,0.12);
    /* Safe area: extend background past any rounded screen corners */
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.mdrawer.is-active {
    transform: translateX(0);
}
.mdrawer[hidden] {
    display: flex;
}

/* ── Header ── */
.mdrawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(20,184,166,0.04), transparent);
}

.mdrawer__user {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mdrawer__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mdrawer__avatar-letter {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.mdrawer__greeting {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mdrawer__greeting-text {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mdrawer__login-link {
    font-size: 0.75rem;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
}

.mdrawer__close {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--color-text-muted);
    transition: background 150ms ease, color 150ms ease;
    flex-shrink: 0;
}
.mdrawer__close:hover {
    background: var(--color-bg-light);
    color: var(--color-text);
}

/* ── Quick Wizard Actions ── */
.mdrawer__wizards {
    display: flex;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.mdrawer__wizards::-webkit-scrollbar { display: none; }

.mdrawer__wizard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 84px;
    padding: 12px 10px;
    border-radius: 14px;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease;
}
.mdrawer__wizard:active {
    transform: scale(0.96);
}

.mdrawer__wizard--teal {
    background: linear-gradient(145deg, #e6faf8, #ccf2ed);
    color: #0d7d6e;
}
.mdrawer__wizard--purple {
    background: linear-gradient(145deg, #f0e6ff, #e0d0f8);
    color: #6b3fa0;
}
.mdrawer__wizard--coral {
    background: linear-gradient(145deg, #fef0ec, #fdddd4);
    color: #c24b2e;
}

.mdrawer__wizard-ico {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mdrawer__wizard-txt {
    font-size: 0.6875rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}

/* ── Scrollable body ── */
.mdrawer__body {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* ── Menu items ── */
.mdrawer__menu {
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

.mdrawer__menu-item {
    border-bottom: 1px solid rgba(229,231,235,0.6);
}
.mdrawer__menu-item:last-child {
    border-bottom: none;
}

/* Trigger button (has children) */
.mdrawer__trigger {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 18px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-text);
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    transition: background 150ms ease;
}
.mdrawer__trigger:hover,
.mdrawer__trigger:active {
    background: var(--color-bg-light);
}

.mdrawer__trigger-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    flex-shrink: 0;
    color: var(--color-text-muted);
}

.mdrawer__trigger-txt {
    flex: 1;
    min-width: 0;
}

.mdrawer__trigger-arrow {
    flex-shrink: 0;
    color: var(--color-text-light);
    transition: transform 250ms ease;
}

.mdrawer__trigger[aria-expanded="true"] .mdrawer__trigger-arrow {
    transform: rotate(180deg);
}

/* Direct link (no children) */
.mdrawer__direct {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 18px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-text);
    text-decoration: none;
    transition: background 150ms ease;
}
.mdrawer__direct:hover,
.mdrawer__direct:active {
    background: var(--color-bg-light);
}

.mdrawer__direct-arrow {
    flex-shrink: 0;
    color: var(--color-text-light);
}

/* CTA item */
.mdrawer__menu-item--cta .mdrawer__trigger,
.mdrawer__menu-item--cta .mdrawer__direct {
    color: var(--color-cta);
    font-weight: 600;
}

/* New dot */
.mdrawer__new-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: var(--color-primary);
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: middle;
}

/* ── Sub panel (accordion) ── */
.mdrawer__panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdrawer__panel.is-open {
    max-height: 400px;
}
.mdrawer__panel[hidden] {
    display: block;
}

.mdrawer__sub {
    list-style: none;
    margin: 0;
    padding: 0 18px 10px 56px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.mdrawer__sub-link {
    display: block;
    padding: 10px 14px;
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-decoration: none;
    border-radius: 8px;
    transition: background 150ms ease, color 150ms ease;
}
.mdrawer__sub-link:hover,
.mdrawer__sub-link:active {
    background: var(--color-bg-light);
    color: var(--color-primary);
}

/* ── Footer ── */
.mdrawer__foot {
    display: flex;
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
    background: var(--color-bg-light);
}

.mdrawer__foot-link {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 8px;
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
    border-right: 1px solid var(--color-border);
}
.mdrawer__foot-link:last-child {
    border-right: none;
}
.mdrawer__foot-link:hover,
.mdrawer__foot-link:active {
    color: var(--color-primary);
}

/* ==========================================================================
   MOBILE SEARCH OVERLAY — Premium v3
   ========================================================================== */

.mobile-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: var(--z-modal);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 16vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.mobile-search-overlay[hidden] { display: none; }
.mobile-search-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

.mobile-search-container {
    width: 92%;
    max-width: 480px;
}

.mobile-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    background: var(--color-surface, #fff);
    border-radius: 14px;
    padding: 0 8px 0 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.mobile-search-ico {
    flex-shrink: 0;
    color: var(--color-primary, #7dba84);
}

.mobile-search-input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    color: var(--color-text, #1a1a2e);
    outline: none;
    font-family: inherit;
}
.mobile-search-input::placeholder {
    color: var(--color-text-muted, #999);
}

.mobile-search-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(0,0,0,0.05);
    border-radius: 10px;
    color: var(--color-text, #1a1a2e);
    cursor: pointer;
    transition: background 0.2s;
}
.mobile-search-close:hover { background: rgba(0,0,0,0.1); }


/* ==========================================================================
   TOAST NOTIFICATIONS
   ========================================================================== */

.toast-container {
    position: fixed;
    bottom: var(--spacing-lg);
    right: var(--spacing-lg);
    z-index: var(--z-tooltip);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-width: 400px;
    pointer-events: none;
}

.toast {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    border-left: 4px solid var(--color-primary);
    pointer-events: auto;
    animation: slideIn 0.3s ease;
    position: relative;
    overflow: hidden;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast.is-leaving {
    animation: slideOut 0.3s ease forwards;
}

@keyframes slideOut {
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.toast--success {
    border-left-color: var(--color-success);
}

.toast--error {
    border-left-color: var(--color-error);
}

.toast--warning {
    border-left-color: var(--color-warning);
}

.toast-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.toast-content {
    flex: 1;
}

.toast-message {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    margin: 0;
}

.toast-close {
    color: var(--color-text-muted);
    padding: var(--spacing-xs);
    margin: calc(-1 * var(--spacing-xs));
    transition: color var(--transition-fast);
}

.toast-close:hover {
    color: var(--color-text);
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: var(--color-primary);
    animation: progress 5s linear forwards;
}

@keyframes progress {
    from {
        width: 100%;
    }
    to {
        width: 0;
    }
}

/* ==========================================================================
   MODAL
   ========================================================================== */

.modal-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: var(--z-modal-backdrop);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-normal), visibility var(--transition-normal);
}

.modal-backdrop.is-active {
    opacity: 1;
    visibility: visible;
}

.modal-backdrop[hidden] {
    display: block;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: var(--z-modal);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-normal), visibility var(--transition-normal), transform var(--transition-normal);
}

.modal.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.modal-dialog {
    background-color: var(--color-bg-white);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-lg);
    border-bottom: 1px solid var(--color-border);
}

.modal-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0;
}

.modal-close {
    color: var(--color-text-muted);
    transition: color var(--transition-fast);
}

.modal-close:hover {
    color: var(--color-text);
}

.modal-body {
    padding: var(--spacing-lg);
    overflow-y: auto;
    max-height: 60vh;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
    border-top: 1px solid var(--color-border);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
    background-color: var(--color-bg-dark);
    color: var(--color-text-inverse);
    margin-top: 0;
}

.footer-widgets {
    padding: var(--spacing-3xl) 0;
}

.footer-widgets-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
}

.footer-widget-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: var(--spacing-lg) 0;
}

.footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.footer-copyright {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.footer-copyright a {
    color: var(--color-text-inverse);
}

.footer-menu {
    display: flex;
    gap: var(--spacing-lg);
}

.footer-menu a {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    transition: color var(--transition-fast);
}

.footer-menu a:hover {
    color: var(--color-text-inverse);
}

/* ==========================================================================
   DARK MODE OVERRIDES
   ========================================================================== */

/* ── Top Bar v3 Dark ── */
html[data-theme="dark"] .topbar {
    --tb-bg: #0a0a0f;
    background: var(--tb-bg);
}
html[data-theme="dark"] .topbar__theme-btn {
    background: rgba(255,255,255,0.06);
}

/* ── Header v3 Dark ── */
html[data-theme="dark"] .header {
    background: var(--color-bg-card, #1e1e2a);
    border-bottom-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .site-header.is-sticky .header {
    background: rgba(30,30,42,0.92);
}
html[data-theme="dark"] .header__search-form {
    background: var(--color-bg-dark, #16161e);
    border-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .header__search-form:focus-within {
    background: var(--color-bg-card, #1e1e2a);
    border-color: var(--color-primary, #7dba84);
}
html[data-theme="dark"] .header__search-kbd {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.4);
}
html[data-theme="dark"] .header__icon:hover {
    background: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .header__icon[data-tooltip]::after {
    background: #f0ece2;
    color: #1a1a2e;
}
html[data-theme="dark"] .mobile-search-form {
    background: var(--color-bg-card, #1e1e2a);
}

/* ── Other dark overrides ── */
html[data-theme="dark"] .mnav,
html[data-theme="dark"] .mega__body,
html[data-theme="dark"] .mdrawer,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .modal-dialog,
body[data-theme="dark"] .mnav,
body[data-theme="dark"] .mega__body,
body[data-theme="dark"] .mdrawer,
body[data-theme="dark"] .toast,
body[data-theme="dark"] .modal-dialog {
    background-color: var(--color-bg-card);
}

html[data-theme="dark"] .mdrawer__head,
body[data-theme="dark"] .mdrawer__head {
    background: linear-gradient(135deg, rgba(20,184,166,0.08), transparent);
}

html[data-theme="dark"] .mdrawer__foot,
body[data-theme="dark"] .mdrawer__foot {
    background: var(--color-bg-dark);
}

html[data-theme="dark"] .mdrawer__wizard--teal,
body[data-theme="dark"] .mdrawer__wizard--teal {
    background: linear-gradient(145deg, rgba(20,184,166,0.15), rgba(20,184,166,0.08));
    color: #5ce0d2;
}
html[data-theme="dark"] .mdrawer__wizard--purple,
body[data-theme="dark"] .mdrawer__wizard--purple {
    background: linear-gradient(145deg, rgba(107,63,160,0.15), rgba(107,63,160,0.08));
    color: #c4a0f0;
}
html[data-theme="dark"] .mdrawer__wizard--coral,
body[data-theme="dark"] .mdrawer__wizard--coral {
    background: linear-gradient(145deg, rgba(194,75,46,0.15), rgba(194,75,46,0.08));
    color: #f0a090;
}

html[data-theme="dark"] .mdrawer__sub-link:hover,
body[data-theme="dark"] .mdrawer__sub-link:hover {
    background: rgba(255,255,255,0.06);
}

html[data-theme="dark"] .mega__promo--soft-teal,
body[data-theme="dark"] .mega__promo--soft-teal {
    background: linear-gradient(145deg, rgba(20,184,166,0.12), rgba(20,184,166,0.06));
}
html[data-theme="dark"] .mega__promo--warm-coral,
body[data-theme="dark"] .mega__promo--warm-coral {
    background: linear-gradient(145deg, rgba(249,115,22,0.12), rgba(249,115,22,0.06));
}

html[data-theme="dark"] .mega__backdrop,
body[data-theme="dark"] .mega__backdrop {
    background: rgba(0,0,0,0.35);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
    .topbar__pill:last-child { display: none; }
    .topbar__dot:last-of-type { display: none; }

    .mega__columns {
        grid-template-columns: repeat(2, 1fr);
    }
    .mega__grid {
        grid-template-columns: 1fr;
    }
    .mega__promo { display: none; }

    .footer-widgets-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .header__search { max-width: 400px; }
    .header__icon-text { display: none; }
    .header__icon {
        width: 44px;
        height: 44px;
        flex-direction: row;
    }
    .header__icon[data-tooltip]::after { display: none; }
}

@media (max-width: 768px) {
    /* Top Bar → mobile ticker */
    .topbar { padding: 0; }
    .topbar__desktop { display: none; }
    .topbar__mobile { display: block; }

    /* Header compact */
    .header__row {
        height: 56px;
        gap: 0;
        justify-content: space-between;
    }
    .site-header.is-sticky .header__row { height: 52px; }

    .header__hamburger { display: flex; }
    .header__search { display: none; }

    /* ── Mobile icon alignment fix ── */
    .header__actions {
        display: flex;
        align-items: center;
        gap: 0;
        margin-left: auto;
    }

    .header__icon {
        display: inline-flex;
        flex-direction: row;       /* row — no text stacking */
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 38px;
        padding: 0;
        border-radius: 8px;
    }
    .header__icon svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }
    .header__icon--search-m { display: inline-flex; }
    .header__icon-text { display: none; }
    .header__icon[data-tooltip]::after { display: none; }

    /* Badge position for smaller icons */
    .action-badge {
        top: 2px;
        right: 1px;
        min-width: 16px;
        height: 16px;
        font-size: 0.6rem;
        padding: 0 4px;
    }

    /* Logo */
    .header__logo { flex: 1; min-width: 0; }
    .header__logo img,
    .header__logo .custom-logo {
        height: 36px !important;
        width: auto !important;
        max-width: 130px;
    }
    .site-header.is-sticky .header__logo img,
    .site-header.is-sticky .header__logo .custom-logo {
        height: 32px !important;
    }

    .mnav { display: none; }

    .footer-widgets-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .toast-container {
        left: var(--spacing-md);
        right: var(--spacing-md);
        bottom: var(--spacing-md);
        max-width: none;
    }
}

/* ==========================================================================
   BODY STATES
   ========================================================================== */

body.mobile-menu-open {
    overflow: hidden;
}

body.mobile-menu-open .mdrawer-backdrop {
    opacity: 1;
    visibility: visible;
}

body.mobile-menu-open .mdrawer {
    transform: translateX(0);
}

/* Hide bottom navbar when drawer or mobile search is open */
body.mobile-menu-open .mobile-navbar,
body.mobile-search-open .mobile-navbar {
    transform: translateY(100%);
    pointer-events: none;
}

body.mobile-search-open .mobile-search-overlay {
    transform: translateY(0);
}

/* ==========================================================================
   HOME PAGE STYLES
   ========================================================================== */

/* ==========================================================================
   HERO SECTION
   ========================================================================== */

/* ==========================================================================
   PROMO ANNOUNCEMENT BAR
   ========================================================================== */

.promo-bar {
    background: linear-gradient(90deg, #0F766E 0%, #14B8A6 50%, #0F766E 100%);
    background-size: 200% 100%;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
}

.promo-bar__track {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 20px;
    position: relative;
}

.promo-bar__item {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    animation: promoFadeIn 0.5s ease;
}

.promo-bar__item.is-active {
    display: flex;
}

.promo-bar__icon {
    font-size: 14px;
    flex-shrink: 0;
}

.promo-bar__text {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.promo-bar__text strong {
    font-weight: 700;
}

@keyframes promoFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   HERO SECTION — CRO v2
   ========================================================================== */

.hero-section {
    position: relative;
    background: linear-gradient(135deg, #0D9488 0%, #14B8A6 40%, #2DD4BF 100%);
    padding: 56px 0 48px;
    overflow: hidden;
}

/* CSS-only decorations (zero emoji render cost) */
.hero-shapes {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.hero-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.08;
    background: #fff;
}

.hero-shape--1 {
    width: 300px;
    height: 300px;
    top: -80px;
    right: -60px;
    animation: heroFloat 12s ease-in-out infinite;
}

.hero-shape--2 {
    width: 180px;
    height: 180px;
    bottom: -40px;
    left: -30px;
    animation: heroFloat 15s ease-in-out infinite reverse;
}

.hero-shape--3 {
    width: 100px;
    height: 100px;
    top: 40%;
    left: 65%;
    animation: heroFloat 10s ease-in-out infinite 2s;
}

@keyframes heroFloat {
    0%, 100% { transform: translateY(0) scale(1); }
    50%      { transform: translateY(-18px) scale(1.03); }
}

/* Hero Content */
.hero-content {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}

/* Trust Badge Pill */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 6px 16px;
    border-radius: 100px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.12);
}

.hero-badge__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ADE80;
    box-shadow: 0 0 6px rgba(74,222,128,0.5);
    animation: badgePulse 2s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes badgePulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.5; }
}

/* Rotating badge text */
.hero-badge__text {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.95);
    letter-spacing: 0.01em;
    position: relative;
    overflow: hidden;
    min-height: 18px;
}

.hero-badge__line {
    display: none;
    animation: badgeLineIn 0.4s ease;
}

.hero-badge__line.is-active {
    display: inline;
}

@keyframes badgeLineIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Title */
.hero-title {
    margin-bottom: 16px;
}

.hero-title__sub {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    margin-bottom: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hero-title__main {
    display: block;
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

/* Description */
.hero-desc {
    font-size: 16px;
    color: rgba(255,255,255,0.88);
    margin-bottom: 28px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* CTA Row */
.hero-cta-row {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    white-space: nowrap;
}

.hero-btn:hover {
    transform: translateY(-2px);
}

.hero-btn--primary {
    background: #fff;
    color: #0D9488;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.hero-btn--primary:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

.hero-btn--outline {
    background: rgba(255,255,255,0.12);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.hero-btn--outline:hover {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.5);
}

/* Wizard Cards */
.hero-wizards {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.wizard-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 12px 18px;
    border-radius: 14px;
    border: 1.5px solid transparent;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    text-align: left;
    font-family: inherit;
}

.wizard-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.14);
    border-color: rgba(20, 184, 166, 0.3);
}

.wizard-card:active {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.wizard-icon {
    font-size: 26px;
    flex-shrink: 0;
}

.wizard-content {
    display: flex;
    flex-direction: column;
}

.wizard-title {
    font-size: 13px;
    font-weight: 700;
    color: #1F2937;
}

.wizard-desc {
    font-size: 11px;
    color: #6B7280;
    font-weight: 400;
}

.wizard-arrow {
    color: #14B8A6;
    flex-shrink: 0;
    opacity: 0.6;
    transition: opacity 0.2s, transform 0.2s;
}

.wizard-card:hover .wizard-arrow {
    opacity: 1;
    transform: translateX(3px);
}

/* Stats Row */
.hero-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.hero-stat {
    text-align: center;
}

.hero-stat__val {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
}

.hero-stat__label {
    font-size: 12px;
    color: rgba(255,255,255,0.75);
    font-weight: 500;
}

.hero-stat__sep {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.25);
    flex-shrink: 0;
}

/* ==========================================================================
   TRUST BADGES
   ========================================================================== */

.trust-badges-section {
    padding: var(--spacing-xl) 0;
    background: var(--color-bg-light);
}

.trust-badges-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
}

.trust-badge-card {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    background: var(--color-bg-white);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.trust-badge-card .badge-icon {
    font-size: 28px;
    flex-shrink: 0;
}

.trust-badge-card .badge-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0 0 2px;
}

.trust-badge-card .badge-desc {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    margin: 0;
}

/* ==========================================================================
   SECTION COMMON STYLES
   ========================================================================== */

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.section-header-left {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.section-icon {
    font-size: 24px;
}

.section-title {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    margin: 0;
}

.section-desc {
    font-size: var(--font-size-base);
    color: var(--color-text-muted);
    margin: var(--spacing-xs) 0 0;
}

.section-subtitle {
    font-size: 13px;
    color: var(--color-text-muted);
    font-weight: 400;
    margin-top: 2px;
}

.section-link {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.section-link:hover {
    color: var(--color-primary-dark);
}

/* ==========================================================================
   AGE GROUPS
   ========================================================================== */

.age-groups-section {
    padding: var(--spacing-3xl) 0;
}

.age-groups-wrapper {
    overflow-x: auto;
    margin: 0 calc(-1 * var(--container-padding));
    padding: 0 var(--container-padding);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.age-groups-wrapper::-webkit-scrollbar {
    display: none;
}

.age-groups-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-md);
    min-width: max-content;
}

.age-group-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: var(--spacing-xl) var(--spacing-lg);
    background: var(--card-gradient, var(--card-bg, var(--color-bg-light)));
    border-radius: var(--radius-xl);
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1), box-shadow 0.3s ease, border-color 0.3s ease;
    min-width: 150px;
    border: 1.5px solid transparent;
    position: relative;
    overflow: hidden;
}

.age-group-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.02) 100%);
    border-radius: inherit;
    pointer-events: none;
}

.age-group-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    border-color: var(--card-accent, rgba(20, 184, 166, 0.3));
}

.age-emoji {
    font-size: 44px;
    line-height: 1;
}

.age-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.age-desc {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.age-count {
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(0,0,0,0.04);
    padding: 2px 10px;
    border-radius: 99px;
    margin-top: 2px;
}

.age-thumbs {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.age-thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    margin-left: -8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.age-thumb:first-child {
    margin-left: 0;
}

.age-arrow {
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    margin-top: 4px;
}

.age-group-card:hover .age-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* ── Age Card (v4 — SVG icon cards) ── */
.age-scroll-container {
    position: relative;
}

.age-groups-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.age-groups-wrapper::-webkit-scrollbar {
    display: none;
}

.age-scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid var(--color-border);
    background: var(--color-bg-white);
    color: var(--color-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.2s;
}

.age-scroll-btn:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.age-scroll-btn--left { left: -12px; }
.age-scroll-btn--right { right: -12px; }

.age-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: var(--spacing-xl) var(--spacing-lg);
    background: var(--card-gradient, var(--card-bg, var(--color-bg-light)));
    border-radius: var(--radius-xl);
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1), box-shadow 0.3s ease, border-color 0.3s ease;
    min-width: 150px;
    border: 1.5px solid transparent;
    position: relative;
    overflow: hidden;
}

.age-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.02) 100%);
    border-radius: inherit;
    pointer-events: none;
}

.age-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    border-color: var(--card-accent, rgba(20,184,166,0.3));
}

.age-card__icon-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.age-card__icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.age-card:hover .age-card__icon-circle {
    transform: scale(1.1);
}

.age-card__icon {
    width: 38px;
    height: 38px;
    color: var(--card-accent, var(--color-text));
}

.age-card__dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--card-accent, var(--color-primary));
    opacity: 0.3;
}

.age-card__dot--1 { top: 4px; right: 8px; }
.age-card__dot--2 { bottom: 8px; left: 4px; }
.age-card__dot--3 { top: 50%; right: 0; width: 4px; height: 4px; opacity: 0.2; }

.age-card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
}

.age-card__title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
}

.age-card__subtitle {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.age-card__footer {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: auto;
}

.age-card__count {
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(0,0,0,0.04);
    padding: 2px 10px;
    border-radius: 99px;
    color: var(--color-text-muted);
}

.age-card__arrow {
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    color: var(--card-accent, var(--color-primary));
}

.age-card:hover .age-card__arrow {
    opacity: 1;
    transform: translateX(0);
}

/* ==========================================================================
   CATEGORIES GRID
   ========================================================================== */

.categories-section {
    padding: var(--spacing-3xl) 0;
    background: var(--color-bg-light);
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--spacing-sm);
}

.category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: var(--spacing-md) var(--spacing-sm);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: transform 0.25s cubic-bezier(0.32,0.72,0,1), box-shadow 0.25s ease, border-color 0.2s;
    border: 1.5px solid transparent;
}

.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    border-color: rgba(20, 184, 166, 0.2);
}

.category-card:hover .category-emoji {
    transform: scale(1.15);
}

.category-emoji {
    font-size: 28px;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1);
}

.category-name {
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    text-align: center;
    line-height: 1.3;
}

.category-count {
    font-size: 11px;
    color: var(--color-text-muted);
}

/* ── Cat Card (v3 — SVG icon cards) ── */
.cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: var(--spacing-lg) var(--spacing-md);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: transform 0.25s cubic-bezier(0.32,0.72,0,1), box-shadow 0.25s ease, border-color 0.2s;
    border: 1.5px solid transparent;
}

.cat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    border-color: rgba(20,184,166,0.2);
}

.cat-card__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--icon-c1, #14B8A6), var(--icon-c2, #0D9488));
    color: #fff;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1);
}

.cat-card:hover .cat-card__icon-wrap {
    transform: scale(1.12);
}

.cat-card__icon {
    width: 30px;
    height: 30px;
    stroke: #fff;
}

.cat-card__name {
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    text-align: center;
    line-height: 1.3;
}

.cat-card__count {
    font-size: 11px;
    color: var(--color-text-muted);
}

/* ==========================================================================
   PRODUCTS GRID (Best Sellers + New Arrivals)
   ========================================================================== */

.best-sellers-section,
.new-arrivals-section {
    padding: var(--spacing-3xl) 0;
}

.new-arrivals-section {
    background: var(--color-bg-light);
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-md);
}

/* Product Card — BEM */
.product-card {
    position: relative;
    background: var(--color-bg-white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1), box-shadow 0.3s ease;
    border: 1px solid rgba(0,0,0,0.04);
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    border-color: rgba(20, 184, 166, 0.15);
}

.product-card__link {
    display: block;
    text-decoration: none;
}

.product-card__img {
    position: relative;
    aspect-ratio: 3/4;
    background: #F9FAFB;
    overflow: hidden;
}

.product-card__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.product-card:hover .product-card__thumb {
    transform: scale(1.05);
}

.product-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: var(--color-text-muted);
}

/* Badges */
.product-card__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 2;
}

.product-card__badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.product-card__badge--sale {
    background: #EF4444;
    color: #fff;
}

.product-card__badge--hot {
    background: #F97316;
    color: #fff;
}

.product-card__badge--new {
    background: #14B8A6;
    color: #fff;
}

/* Info */
.product-card__info {
    padding: 12px 14px 10px;
}

.product-card__title {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.product-card__rating {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 4px;
}

.product-card__stars {
    font-size: 11px;
    color: #F59E0B;
    letter-spacing: -1px;
}

.product-card__review-count {
    font-size: 11px;
    color: var(--color-text-muted);
}

.product-card__price {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-primary);
}

.product-card__price del {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-muted);
    margin-right: 4px;
}

.product-card__price ins {
    text-decoration: none;
}

/* Quick Add Button */
.product-card__quick-add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    padding: 10px;
    border: 1.5px solid var(--color-primary);
    background: transparent;
    color: var(--color-primary);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
}

.product-card__quick-add:hover {
    background: var(--color-primary);
    color: #fff;
}

.product-card__quick-add--select {
    border-color: var(--color-border);
    color: var(--color-text-muted);
}

.product-card__quick-add--select:hover {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

/* Loading state for quick add */
.product-card__quick-add.is-loading {
    pointer-events: none;
    opacity: 0.6;
}

.product-card__quick-add.is-added {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

/* Skeleton Loading */
.product-card--skeleton .skeleton-box,
.product-card--skeleton .product-card__img {
    aspect-ratio: 3/4;
    background: linear-gradient(90deg, var(--color-bg-light) 25%, var(--color-border) 50%, var(--color-bg-light) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.skeleton-text {
    height: 16px;
    background: linear-gradient(90deg, var(--color-bg-light) 25%, var(--color-border) 50%, var(--color-bg-light) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: var(--radius-sm);
    margin-bottom: var(--spacing-sm);
}

.skeleton-text--title { width: 80%; }
.skeleton-text--price { width: 50%; height: 20px; }

@keyframes shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ==========================================================================
   SOCIAL PROOF BAR
   ========================================================================== */

.social-proof-section {
    padding: 20px 0;
    background: linear-gradient(135deg, #F0FDFA 0%, #F0F9FF 50%, #FEF3C7 100%);
    border-top: 1px solid rgba(20, 184, 166, 0.08);
    border-bottom: 1px solid rgba(20, 184, 166, 0.08);
}

.social-proof-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.social-proof-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(4px);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.03);
    transition: transform 0.2s ease, box-shadow 0.2s;
}

.social-proof-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.social-proof-icon {
    flex-shrink: 0;
    color: var(--color-primary);
    display: flex;
    align-items: center;
}

.social-proof-text {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    color: var(--color-text-muted);
    line-height: 1.4;
}

.social-proof-text strong {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text);
    letter-spacing: -0.01em;
}

/* ==========================================================================
   FLASH SALE
   ========================================================================== */

.flash-sale-section {
    padding: var(--spacing-3xl) 0;
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
}

.flash-sale-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
    flex-wrap: wrap;
    gap: var(--spacing-lg);
}

.flash-sale-title-wrap {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.flash-icon {
    font-size: 28px;
}

.flash-sale-section .section-title {
    color: #92400E;
}

/* Timer */
.flash-timer {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.timer-label {
    font-size: var(--font-size-sm);
    color: #92400E;
    font-weight: var(--font-weight-medium);
}

.timer-digits {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.timer-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timer-value {
    background: #92400E;
    color: var(--color-text-inverse);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    min-width: 48px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.timer-name {
    font-size: 10px;
    color: #92400E;
    margin-top: 2px;
}

.timer-sep {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: #92400E;
}

/* Flash Products */
.flash-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-md);
    max-width: 100%;
}

@media (min-width: 1024px) {
    .flash-products-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.flash-product-card {
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-fast);
}

.flash-product-card:hover {
    transform: translateY(-4px);
}

.flash-product-link {
    display: block;
    text-decoration: none;
}

.flash-product-image {
    position: relative;
    aspect-ratio: 1;
    background: var(--color-bg-light);
    overflow: hidden;
}

.flash-product-image .product-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discount-badge {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    background: var(--color-sale);
    color: var(--color-text-inverse);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-full);
}

.flash-product-info {
    padding: var(--spacing-md);
}

.flash-product-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    margin: 0 0 var(--spacing-sm);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flash-product-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px var(--spacing-xs);
}

.price-old {
    font-size: 11px;
    color: var(--color-text-muted);
    text-decoration: line-through;
    white-space: nowrap;
}

.price-current {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    color: var(--color-sale);
    white-space: nowrap;
}

.flash-sale-footer {
    text-align: center;
    margin-top: var(--spacing-xl);
}

/* Button */
.btn {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: all var(--transition-fast);
    cursor: pointer;
    border: none;
}

.btn-primary {
    background: var(--color-primary);
    color: var(--color-text-inverse);
}

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

.btn-outline {
    background: transparent;
    color: #92400E;
    border: 2px solid #92400E;
}

.btn-outline:hover {
    background: #92400E;
    color: var(--color-text-inverse);
}

/* ==========================================================================
   NEWSLETTER
   ========================================================================== */

.newsletter-section {
    padding: var(--spacing-3xl) 0;
}

.newsletter-card {
    position: relative;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    border-radius: var(--radius-xl);
    padding: var(--spacing-3xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-xl);
    overflow: hidden;
}

.newsletter-content {
    flex: 1;
    max-width: 400px;
}

.newsletter-icon {
    font-size: 40px;
    display: block;
    margin-bottom: var(--spacing-md);
}

.newsletter-title {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-inverse);
    margin: 0 0 var(--spacing-sm);
}

.newsletter-desc {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.newsletter-form {
    flex: 1;
    max-width: 450px;
}

.newsletter-input-wrap {
    display: flex;
    gap: var(--spacing-sm);
}

.newsletter-input {
    flex: 1;
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-base);
    border: 2px solid transparent;
    border-radius: var(--radius-lg);
    outline: none;
    transition: border-color var(--transition-fast);
}

.newsletter-input:focus {
    border-color: var(--color-cta);
}

.newsletter-submit {
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--color-cta);
    color: var(--color-text-inverse);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    border: none;
    border-radius: var(--radius-lg);
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--transition-fast);
}

.newsletter-submit:hover {
    background: var(--color-cta-hover);
}

.newsletter-privacy {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.7);
    margin: var(--spacing-sm) 0 0;
}

.newsletter-privacy a {
    color: var(--color-text-inverse);
    text-decoration: underline;
}

.newsletter-decorations {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.newsletter-decorations .deco {
    position: absolute;
    font-size: 60px;
    opacity: 0.15;
}

.deco--1 {
    top: -10px;
    right: 20%;
}

.deco--2 {
    bottom: -10px;
    right: 10%;
}

/* ==========================================================================
   HOME RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
    .hero-title-main {
        font-size: var(--font-size-3xl);
    }

    .trust-badges-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .categories-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .products-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .flash-products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .newsletter-card {
        flex-direction: column;
        text-align: center;
    }

    .newsletter-content {
        max-width: none;
    }

    .newsletter-form {
        max-width: 500px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section {
        padding: var(--spacing-2xl) 0;
        min-height: auto;
    }

    .hero-title-gradient {
        font-size: var(--font-size-base);
    }

    .hero-title-main {
        font-size: var(--font-size-2xl);
    }

    .hero-description {
        font-size: var(--font-size-base);
    }

    .hero-wizards {
        flex-direction: column;
        align-items: center;
    }

    .wizard-card {
        width: 100%;
        max-width: 300px;
    }

    .hero-stats {
        flex-wrap: wrap;
        gap: var(--spacing-md);
    }

    .stat-divider {
        display: none;
    }

    .trust-badges-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-sm);
    }

    .trust-badge-card {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-md);
    }

    .age-groups-grid {
        grid-template-columns: repeat(5, 150px);
        scroll-snap-type: x mandatory;
    }

    .age-group-card {
        scroll-snap-align: start;
    }

    .age-card {
        scroll-snap-align: start;
        min-width: 140px;
        padding: var(--spacing-lg) var(--spacing-md);
        gap: 8px;
    }

    .age-card__icon-wrap {
        width: 64px;
        height: 64px;
    }

    .age-card__icon-circle {
        width: 56px;
        height: 56px;
    }

    .age-card__icon {
        width: 30px;
        height: 30px;
    }

    .age-card__title {
        font-size: var(--font-size-sm);
    }

    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .cat-card {
        gap: 6px;
        padding: var(--spacing-md) var(--spacing-sm);
    }

    .cat-card__icon-wrap {
        width: 52px;
        height: 52px;
    }

    .cat-card__icon {
        width: 24px;
        height: 24px;
    }

    .cat-card__name {
        font-size: 11px;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-sm);
    }

    .flash-sale-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .flash-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .flash-product-card:nth-child(n+5) {
        display: none;
    }

    .newsletter-card {
        padding: var(--spacing-xl);
    }

    .newsletter-input-wrap {
        flex-direction: column;
    }

    .newsletter-submit {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hero-stats {
        justify-content: space-around;
    }

    .stat-value {
        font-size: var(--font-size-xl);
    }

    .flash-timer {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }

    .timer-value {
        font-size: var(--font-size-base);
        padding: var(--spacing-xs) var(--spacing-sm);
        min-width: 40px;
    }
}

/* ==========================================================================
   DARK MODE - HOME
   ========================================================================== */

html[data-theme="dark"] .hero-section,
body[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #134E4A 0%, #0D9488 50%, #14B8A6 100%);
}

html[data-theme="dark"] .trust-badges-section,
body[data-theme="dark"] .trust-badges-section {
    background: var(--color-bg-dark);
}

html[data-theme="dark"] .trust-badge-card,
body[data-theme="dark"] .trust-badge-card {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .age-group-card,
body[data-theme="dark"] .age-group-card,
html[data-theme="dark"] .age-card,
body[data-theme="dark"] .age-card {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .categories-section,
body[data-theme="dark"] .categories-section {
    background: var(--color-bg-dark);
}

html[data-theme="dark"] .category-card,
body[data-theme="dark"] .category-card,
html[data-theme="dark"] .cat-card,
body[data-theme="dark"] .cat-card {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .product-card,
body[data-theme="dark"] .product-card {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .flash-sale-section,
body[data-theme="dark"] .flash-sale-section {
    background: linear-gradient(135deg, #78350F 0%, #92400E 100%);
}

html[data-theme="dark"] .flash-sale-section .section-title,
html[data-theme="dark"] .timer-label,
html[data-theme="dark"] .timer-name,
html[data-theme="dark"] .timer-sep,
body[data-theme="dark"] .flash-sale-section .section-title,
body[data-theme="dark"] .timer-label,
body[data-theme="dark"] .timer-name,
body[data-theme="dark"] .timer-sep {
    color: #FEF3C7;
}

html[data-theme="dark"] .btn-outline,
body[data-theme="dark"] .btn-outline {
    color: #FEF3C7;
    border-color: #FEF3C7;
}

html[data-theme="dark"] .btn-outline:hover,
body[data-theme="dark"] .btn-outline:hover {
    background: #FEF3C7;
    color: #78350F;
}

html[data-theme="dark"] .flash-product-card,
body[data-theme="dark"] .flash-product-card {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .newsletter-card,
body[data-theme="dark"] .newsletter-card {
    background: linear-gradient(135deg, #134E4A 0%, #0D9488 100%);
}

/* ==========================================================================
   PRODUCT CARD (Trendyol Style)
   ========================================================================== */

.product-card {
    position: relative;
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.product-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}

.product-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Image Container */
.product-card-image {
    position: relative;
    aspect-ratio: 4/5;
    background: var(--color-bg-light);
    overflow: hidden;
}

.product-card-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-normal);
}

.product-card:hover .product-card-thumb {
    transform: scale(1.05);
}

.product-card-thumb-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
}

/* Badges */
.product-card-badges {
    position: absolute;
    top: var(--spacing-sm);
    left: var(--spacing-sm);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    z-index: 2;
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 6px;
    white-space: nowrap;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.2;
}

.badge--discount {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    box-shadow: 0 2px 6px rgba(239,68,68,0.3);
}

.badge--shipping {
    background: linear-gradient(135deg, #059669, #10b981);
    color: #fff;
    font-size: 9px;
    box-shadow: 0 2px 6px rgba(5,150,105,0.25);
}

.badge--new {
    background: linear-gradient(135deg, #0d9488, #14b8a6);
    color: #fff;
    box-shadow: 0 2px 6px rgba(13,148,136,0.3);
}

/* Ship Today Badge */
.badge--ship-today {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: linear-gradient(135deg, rgba(5,150,105,0.95), rgba(16,185,129,0.95));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    z-index: 2;
    backdrop-filter: blur(6px);
    letter-spacing: 0.3px;
    white-space: nowrap;
    max-width: calc(100% - 20px);
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(5,150,105,0.3);
    text-transform: none;
}
.badge--ship-today svg { flex-shrink: 0; }

/* Out-of-Stock Badge on Product Card */
.badge--oos {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: rgba(107,114,128,0.92);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    z-index: 2;
    backdrop-filter: blur(6px);
    letter-spacing: 0.3px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.badge--oos svg { flex-shrink: 0; }

/* Product Card — Out-of-Stock State */
.product-card--oos .product-card-image {
    position: relative;
}

.product-card--oos .product-card-thumb,
.product-card--oos .product-card-image img {
    filter: grayscale(40%) opacity(0.7);
    transition: filter 0.3s;
}

.product-card--oos:hover .product-card-thumb,
.product-card--oos:hover .product-card-image img {
    filter: grayscale(20%) opacity(0.85);
}

.product-card--oos .product-card-price {
    opacity: 0.6;
}

/* Product Card — OOS Quick Add Button (desktop hover) */
.product-card-quick-add--oos {
    background: #6B7280 !important;
    cursor: not-allowed;
    opacity: 0.85;
}

.product-card-quick-add--oos:hover {
    background: #6B7280 !important;
    transform: none !important;
}

/* Product Card — OOS Add Button (mobile) */
.product-card-add-btn--oos {
    background: #F3F4F6 !important;
    color: #9CA3AF !important;
    border-color: #E5E7EB !important;
    cursor: not-allowed;
}

.product-card-add-btn--oos:hover {
    background: #F3F4F6 !important;
    color: #9CA3AF !important;
}

.product-card-add-btn--oos svg {
    stroke: #9CA3AF;
}

/* Featured section — hide heavy elements */
.agp-featured .badge--ship-today { display: none; }
.agp-featured .product-card-installment { display: none; }
.agp-featured .product-card-savings { display: none; }
.agp-featured .badge--shipping { display: none; }

/* Wishlist Button */
.product-card-wishlist {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-white);
    border: none;
    border-radius: var(--radius-full);
    box-shadow: var(--shadow-md);
    cursor: pointer;
    z-index: 2;
    transition: transform var(--transition-fast), background-color var(--transition-fast);
}

.product-card-wishlist:hover {
    transform: scale(1.1);
    background: var(--color-bg-light);
}

.product-card-wishlist .heart-icon--filled {
    display: none;
    color: var(--color-sale);
}

.product-card-wishlist.is-active .heart-icon--empty {
    display: none;
}

.product-card-wishlist.is-active .heart-icon--filled {
    display: block;
}

.product-card-wishlist .heart-icon {
    color: var(--color-text-muted);
}

.product-card-wishlist:hover .heart-icon {
    color: var(--color-sale);
}

/* Quick Add (Desktop) */
.product-card-quick-add {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: var(--color-primary);
    color: var(--color-text-inverse);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    border: none;
    cursor: pointer;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity var(--transition-fast), transform var(--transition-fast);
    z-index: 2;
}

.product-card:hover .product-card-quick-add {
    opacity: 1;
    transform: translateY(0);
}

.product-card-quick-add:hover {
    background: var(--color-primary-dark);
}

/* Info Container */
.product-card-info {
    padding: var(--spacing-md);
}

.product-card-brand {
    display: block;
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.product-card-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    line-height: var(--line-height-tight);
    margin: 0 0 var(--spacing-xs);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
}

.product-card-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: var(--spacing-xs);
}

.product-card-rating .rating-star {
    font-size: 12px;
}

.product-card-rating .rating-value {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.product-card-rating .rating-count {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

/* Price */
.product-card-price {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.product-card-price .price-old {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.product-card-price .price-current {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
}

.product-card-price .price-current--sale {
    color: var(--color-sale);
}

/* Remove WooCommerce default price del/ins styling conflicts */
.product-card-price del,
.product-card-price ins {
    text-decoration: inherit;
    background: none;
}

/* Savings Amount */
.product-card-savings {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #059669;
}
.product-card-savings svg { flex-shrink: 0; color: #059669; }
.product-card-savings .woocommerce-Price-amount { font-weight: 700; }

/* Installment Info */
.product-card-installment {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    font-size: 10.5px;
    color: #6b7280;
    font-weight: 500;
}
.product-card-installment svg { flex-shrink: 0; color: #9ca3af; }
.product-card-installment .woocommerce-Price-amount { font-weight: 600; color: #4b5563; }

/* Stock Warning */
.product-card-stock-warning {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: var(--spacing-xs);
    padding: 4px 8px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: var(--radius-sm);
    font-size: 11px;
    color: var(--color-sale);
    animation: agpPulseStock 2s ease-in-out infinite;
}
@keyframes agpPulseStock {
    0%, 100% { background: rgba(239,68,68,0.08); }
    50% { background: rgba(239,68,68,0.16); }
}

/* Mobile Actions */
.product-card-actions {
    padding: 0 var(--spacing-md) var(--spacing-md);
    display: none;
}

.product-card-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--color-primary);
    color: var(--color-text-inverse);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    text-decoration: none;
    transition: background var(--transition-fast);
}

.product-card-add-btn:hover {
    background: var(--color-primary-dark);
}

.product-card-add-btn--options {
    background: var(--color-bg-light);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.product-card-add-btn--options:hover {
    background: var(--color-bg-dark);
    color: var(--color-text-inverse);
}

/* ==========================================================================
   PRODUCT CARD SKELETON
   ========================================================================== */

.product-card--skeleton {
    pointer-events: none;
}

.product-card--skeleton .skeleton-box,
.product-card--skeleton .skeleton-text {
    background: linear-gradient(90deg, var(--color-bg-light) 25%, var(--color-border) 50%, var(--color-bg-light) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: var(--radius-sm);
}

/* ==========================================================================
   SHOP PAGE
   ========================================================================== */

.shop-page {
    padding: var(--spacing-xl) 0 var(--spacing-3xl);
}

.shop-header {
    margin-bottom: var(--spacing-xl);
}

.shop-title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    margin: 0 0 var(--spacing-sm);
}

.shop-header .term-description,
.shop-header .page-description {
    font-size: var(--font-size-base);
    color: var(--color-text-muted);
    margin: 0;
    max-width: 600px;
}

/* Toolbar */
.shop-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}

.shop-toolbar-left {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.shop-toolbar-right {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

/* Result Count */
.woocommerce-result-count {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    margin: 0;
}

/* Ordering */
.shop-ordering {
    display: flex;
    align-items: center;
    margin: 0;
}

.select-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.orderby-select {
    appearance: none;
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.orderby-select:hover,
.orderby-select:focus {
    border-color: var(--color-primary);
    outline: none;
}

.orderby-select:focus {
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.select-arrow {
    position: absolute;
    right: var(--spacing-sm);
    pointer-events: none;
    color: var(--color-text-muted);
}

/* Products Grid */
.products-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-md);
}

.products-grid[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.products-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.products-grid[data-columns="5"] {
    grid-template-columns: repeat(5, 1fr);
}

.products-grid[data-columns="6"] {
    grid-template-columns: repeat(6, 1fr);
}

/* No Products */
.shop-no-products {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
}

.shop-no-products .woocommerce-info {
    display: inline-block;
    padding: var(--spacing-lg) var(--spacing-xl);
    background: var(--color-bg-light);
    border-radius: var(--radius-lg);
    font-size: var(--font-size-base);
    color: var(--color-text-muted);
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.shop-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    margin-top: var(--spacing-3xl);
}

.shop-pagination a,
.shop-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--spacing-sm);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.shop-pagination a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.shop-pagination .current {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-inverse);
}

.shop-pagination .prev,
.shop-pagination .next {
    font-size: 0;
}

.shop-pagination .prev svg,
.shop-pagination .next svg {
    width: 16px;
    height: 16px;
}

.shop-pagination .dots {
    border: none;
    background: none;
    min-width: auto;
    padding: 0;
}

/* ==========================================================================
   BODY STATES
   ========================================================================== */

body.is-locked {
    overflow: hidden;
    /* iOS Safari scroll lock — position:fixed prevents background scroll */
    position: fixed;
    left: 0;
    right: 0;
    /* top is set dynamically via JS to preserve scroll position */
    touch-action: none;
    -webkit-overflow-scrolling: none;
}

/* ==========================================================================
   SHOP RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
    }

    .product-card-quick-add {
        display: none;
    }

    .product-card-actions {
        display: block;
    }
}

@media (max-width: 768px) {
    .shop-page {
        padding: var(--spacing-lg) 0 var(--spacing-2xl);
    }

    .shop-title {
        font-size: var(--font-size-2xl);
    }

    .shop-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .shop-toolbar-left,
    .shop-toolbar-right {
        justify-content: space-between;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-sm);
    }

    .product-card-info {
        padding: var(--spacing-sm);
    }

    .product-card-title {
        font-size: var(--font-size-xs);
        min-height: 2.4em;
    }

    .product-card-price .price-current {
        font-size: var(--font-size-base);
    }

    .product-card-price .price-old {
        font-size: var(--font-size-xs);
    }

    .product-card-actions {
        padding: 0 var(--spacing-sm) var(--spacing-sm);
    }

    .product-card-add-btn {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: var(--font-size-xs);
        white-space: nowrap;
    }

    .badge {
        font-size: 10px;
        padding: 3px 6px;
    }

    .product-card-wishlist {
        width: 32px;
        height: 32px;
    }

    .product-card-wishlist .heart-icon {
        width: 16px;
        height: 16px;
    }

    .shop-pagination a,
    .shop-pagination span {
        min-width: 36px;
        height: 36px;
        font-size: var(--font-size-xs);
    }
}

/* ==========================================================================
   SHOP DARK MODE
   ========================================================================== */

html[data-theme="dark"] .product-card,
body[data-theme="dark"] .product-card {
    background: var(--color-bg-card);
    border-color: var(--color-border-dark);
}

html[data-theme="dark"] .product-card-wishlist,
body[data-theme="dark"] .product-card-wishlist {
    background: var(--color-bg-dark);
}

html[data-theme="dark"] .product-card-wishlist:hover,
body[data-theme="dark"] .product-card-wishlist:hover {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .orderby-select,
body[data-theme="dark"] .orderby-select {
    background: var(--color-bg-card);
    border-color: var(--color-border-dark);
}

html[data-theme="dark"] .shop-pagination a,
html[data-theme="dark"] .shop-pagination span:not(.current),
body[data-theme="dark"] .shop-pagination a,
body[data-theme="dark"] .shop-pagination span:not(.current) {
    background: var(--color-bg-card);
    border-color: var(--color-border-dark);
}

html[data-theme="dark"] .shop-no-products .woocommerce-info,
body[data-theme="dark"] .shop-no-products .woocommerce-info {
    background: var(--color-bg-card);
}


/* ==========================================================================
   SINGLE PRODUCT PAGE — PREMIUM PDP v4.0
   Mobile-first · Trendyol-inspired · Conversion-optimized
   ========================================================================== */

/* ── Page shell ── */
html.single-product,
body.single-product { overflow-x: hidden; }

.pdp {
    background: white;
    padding-bottom: 16px;
}

/* Trendyol-style mobile PDP — minimal padding */
.pdp {
    --page-gutter: 0px;
    --container-padding: 0px;
}

.pdp .container,
.pdp-main.container,
.pdp-tabs-section.container,
.pdp-extras-section.container {
    padding-left: 0;
    padding-right: 0;
    padding-inline: 0;
}

/* Gallery full-bleed on mobile — true edge-to-edge */
.pdp-gallery-col {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: white;
}

/* ═══════════════════════════════════════════════════════════════
   MAIN 2-COLUMN
   ═══════════════════════════════════════════════════════════════ */

.pdp-main {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Badges cluster */
.pdp-badges {
    position: absolute;
    top: 12px; left: 12px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pdp-badge {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    line-height: 1;
}

.pdp-badge--sale { background: #EF4444; color: white; }
.pdp-badge--new { background: var(--color-primary); color: white; }
.pdp-badge--cargo { background: #059669; color: white; font-weight: 600; font-size: 11px; }

/* Float actions (wishlist, share) */
.pdp-float-actions {
    position: absolute;
    top: 12px; right: 12px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdp-float-btn {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    background: white;
    border: none; border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: transform 0.12s;
    color: #6B7280;
}

.pdp-float-btn:active { transform: scale(0.9); }
.pdp-float-btn .heart-o { color: #9CA3AF; }
.pdp-float-btn .heart-f { display: none; color: #EF4444; }
.pdp-float-btn.is-active .heart-o { display: none; }
.pdp-float-btn.is-active .heart-f { display: block; }

/* ═══════════════════════════════════════════════════════════════
   GALLERY — Mobile swipe / Desktop thumbs+main
   ═══════════════════════════════════════════════════════════════ */

.pdp-gallery {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #F5F5F5;
    overflow: hidden;
}

.pdp-gallery__thumbs--desktop { display: none; }

.pdp-gallery__main {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #f9fafb;
}

.pdp-gallery__track {
    display: flex;
    width: 100%; height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
}

.pdp-gallery__track::-webkit-scrollbar { display: none; }

.pdp-gallery__slide {
    flex: 0 0 100%;
    width: 100%; height: 100%;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdp-gallery__img {
    display: block;
    width: 100%; height: 100%;
    object-fit: contain;
    object-position: center;
    user-select: none;
}

.pdp-gallery__placeholder {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
    color: #D1D5DB;
}

/* Mobile thumbnail strip — hidden on mobile (Trendyol uses dots) */
.pdp-gallery__thumbs--mobile {
    display: none;
}

/* Trendyol-style dots — always visible on mobile when multi images */
.pdp-gallery__dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(0,0,0,0.35);
    border-radius: 12px;
    backdrop-filter: blur(4px);
    z-index: 4;
}

.pdp-gallery__dot {
    width: 7px; height: 7px;
    background: rgba(255,255,255,0.5);
    border: none;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s;
}

.pdp-gallery__dot.is-active {
    background: white;
    width: 8px; height: 8px;
}

/* Show dots even when multi (override earlier hide rule) */
.pdp-gallery--multi .pdp-gallery__dots { display: flex; }

/* Counter — positioned like Trendyol color variant count */
.pdp-gallery__counter {
    position: absolute;
    bottom: 14px; right: 14px;
    background: rgba(255,255,255,0.9);
    color: #333;
    font-size: 12px; font-weight: 600;
    padding: 4px 10px;
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    z-index: 5;
}

/* ═══════════════════════════════════════════════════════════════
   INFO COLUMN — Trendyol-style minimal padding
   ═══════════════════════════════════════════════════════════════ */

.pdp-info-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 6px 24px;
}

/* Brand — Trendyol bold black inline style */
.pdp-brand {
    font-size: 14px;
    font-weight: 800;
    color: #333;
    text-transform: none;
    letter-spacing: 0;
}

/* Title — lighter weight, gray like Trendyol */
.pdp-title {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
    margin: -6px 0 0;
}

/* Meta row */
.pdp-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.pdp-rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}

.pdp-stars { display: flex; gap: 1px; line-height: 0; }
.pdp-rating__text { font-weight: 600; color: #6B7280; }
.pdp-rating:hover .pdp-rating__text { color: var(--color-primary); }

.pdp-sold {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #059669;
    font-weight: 600;
    font-size: 12px;
}

.pdp-sku {
    font-size: 11px;
    color: #9CA3AF;
}

/* ═══════════════════════════════════════════════════════════════
   PRICE CARD — Trendyol style
   ═══════════════════════════════════════════════════════════════ */

.pdp-price-card {
    background: #F0FDF9;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #D1FAE5;
}

.pdp-price-card__prices {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdp-price-card__row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.pdp-price-card__labels {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pdp-price-card__label {
    font-size: 11px;
    font-weight: 600;
    color: #6B7280;
    letter-spacing: 0.01em;
}

.pdp-price-card__label--sale {
    color: #059669;
    font-weight: 700;
}

.pdp-price-card__old {
    font-size: 14px;
    color: #9CA3AF;
    text-decoration: line-through;
    font-weight: 500;
    line-height: 1.2;
}

.pdp-price-card__old .woocommerce-Price-amount { font-size: inherit; }

.pdp-price-card__current {
    font-size: 30px;
    font-weight: 800;
    color: var(--color-text);
    text-decoration: none;
    line-height: 1.1;
}

.pdp-price-card__current .woocommerce-Price-amount { font-size: inherit; font-weight: inherit; }

.pdp-price-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    font-size: 12px;
    font-weight: 800;
    border-radius: 8px;
    letter-spacing: 0.02em;
    white-space: nowrap;
    line-height: 1;
    align-self: flex-end;
    margin-bottom: 4px;
}

/* Savings line */
.pdp-price-card__savings {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #DCFCE7;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #059669;
}

.pdp-price-card__savings svg { flex-shrink: 0; color: #059669; }
.pdp-price-card__savings .woocommerce-Price-amount { font-weight: 700; }

/* Installment card */
.pdp-inst-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.15s;
}

.pdp-inst-card:hover { border-color: var(--color-primary); }

.pdp-inst-card__icon {
    width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    background: #FFF7ED;
    border-radius: 8px;
    color: #F97316;
    flex-shrink: 0;
}

.pdp-inst-card__text {
    flex: 1; min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pdp-inst-card__text strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
}

.pdp-inst-card__text strong .woocommerce-Price-amount {
    color: #F97316;
    font-weight: 700;
}

.pdp-inst-card__text span {
    font-size: 11px;
    color: #9CA3AF;
}

.pdp-inst-card__arrow {
    color: #D1D5DB;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════════
   LOW STOCK
   ═══════════════════════════════════════════════════════════════ */

.pdp-low-stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #FEF2F2;
    color: #DC2626;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #FECACA;
    align-self: flex-start;
    animation: pdp-shake 0.5s ease-in-out;
}

@keyframes pdp-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    75% { transform: translateX(3px); }
}

/* ═══════════════════════════════════════════════════════════════
   CART SECTION (Variations + ATC)
   ═══════════════════════════════════════════════════════════════ */

.pdp-cart-section {
    background: transparent;
    padding: 0;
}

/* Hide WC default variation price + ATC (we use our own CTA via sticky) */
.pdp-cart-section .woocommerce-variation-price { display: none !important; }

/* Screen-reader only utility */
.sr-only {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* ── Variation groups ── */
.pdp-variations {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pdp-var-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdp-var-group__header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pdp-var-group__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
}

.pdp-var-group__selected {
    font-size: 13px;
    color: #6B7280;
}

/* Pill buttons */
.pdp-var-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pdp-var-btn {
    min-width: 44px;
    height: 40px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    background: #F9FAFB;
    border: 1.5px solid #E5E7EB;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.12s;
    line-height: 1;
}

.pdp-var-btn:hover {
    border-color: var(--color-primary);
    background: rgba(20,184,166,0.04);
}

.pdp-var-btn.is-active {
    border-color: var(--color-primary);
    background: rgba(20,184,166,0.08);
    color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary);
}

/* Color swatches */
.pdp-var-btn--color {
    width: 38px; height: 38px; min-width: 38px;
    padding: 0; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

.pdp-swatch {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: var(--sw, #ccc);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

.pdp-var-btn--color.is-active { border-width: 2px; }

/* ── Out-of-Stock Variant Pills (Trendyol pattern) ── */
.pdp-var-btn.is-oos {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
    background: #F3F4F6;
    border-color: #E5E7EB;
    color: #9CA3AF;
}

/* Diagonal strikethrough line for text pills */
.pdp-var-btn.is-oos:not(.pdp-var-btn--color)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    right: 4px;
    height: 1.5px;
    background: #9CA3AF;
    transform: rotate(-12deg);
    transform-origin: center;
    pointer-events: none;
}

/* Diagonal strikethrough for color swatches */
.pdp-var-btn--color.is-oos::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    right: 3px;
    height: 1.5px;
    background: #EF4444;
    transform: rotate(-45deg);
    transform-origin: center;
    pointer-events: none;
    z-index: 1;
}

.pdp-var-btn.is-oos:hover {
    border-color: #E5E7EB;
    background: #F3F4F6;
}

/* ═══════════════════════════════════════════════════════════════
   STOCK & QUANTITY — Premium Trendyol-style
   ═══════════════════════════════════════════════════════════════ */

/* Hide WC default stock display (we use our own) */
.pdp-cart-section .stock,
.pdp-cart-section .woocommerce-variation-availability {
    display: none !important;
}

/* Stock indicator — shown above quantity */
.pdp-stock-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1F2937;
    margin-top: 16px;
    margin-bottom: 10px;
}

.pdp-stock-info__count {
    color: var(--color-primary);
}

.pdp-stock-info--low {
    color: #DC2626;
}

.pdp-stock-info--low .pdp-stock-info__count {
    color: #DC2626;
}

/* Quantity row — with wishlist button */
.pdp-qty-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.pdp-qty-label {
    display: none;
}

/* Premium quantity selector — compact width */
.pdp-qty {
    display: inline-flex;
    align-items: center;
    height: 48px;
    border: 1.5px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    width: auto;
}

.pdp-qty__btn {
    width: 44px; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: #F9FAFB;
    border: none;
    cursor: pointer;
    color: #374151;
    transition: all 0.15s;
    flex-shrink: 0;
}

.pdp-qty__btn:hover { 
    background: var(--color-primary); 
    color: white;
}

.pdp-qty__btn:active { 
    background: var(--color-primary-dark); 
    color: white;
    transform: scale(0.95);
}

.pdp-qty .quantity,
.pdp-qty .quantity input[type="number"],
.pdp-qty input.qty {
    width: 48px; height: 100%;
    text-align: center;
    border: none;
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    background: white;
    font-size: 18px;
    font-weight: 700;
    color: #1F2937;
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0; padding: 0;
    flex-shrink: 0;
}

.pdp-qty .quantity input::-webkit-inner-spin-button,
.pdp-qty .quantity input::-webkit-outer-spin-button,
.pdp-qty input.qty::-webkit-inner-spin-button,
.pdp-qty input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none; margin: 0;
}

/* Wishlist button next to quantity */
.pdp-qty-wishlist {
    width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    background: white;
    border: 1.5px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    color: #9CA3AF;
    transition: all 0.15s;
    flex-shrink: 0;
}

.pdp-qty-wishlist:hover {
    border-color: #EF4444;
    color: #EF4444;
    background: #FEF2F2;
}

.pdp-qty-wishlist.is-active {
    border-color: #EF4444;
    color: #EF4444;
    background: #FEF2F2;
}

.pdp-qty-wishlist .heart-o { display: block; }
.pdp-qty-wishlist .heart-f { display: none; }
.pdp-qty-wishlist.is-active .heart-o { display: none; }
.pdp-qty-wishlist.is-active .heart-f { display: block; }

/* ── Premium Add to Cart Button ── */
.pdp-add-btn,
.pdp-cart-section .single_add_to_cart_button,
.pdp-cart-section .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 28px !important;
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 50%, #0F766E 100%) !important;
    background-size: 200% 100% !important;
    color: white !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 16px !important;
    cursor: pointer !important;
    box-shadow: 0 6px 24px rgba(20,184,166,0.35), inset 0 1px 0 rgba(255,255,255,0.2) !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
    position: relative !important;
    overflow: hidden !important;
    animation: pdp-btn-pulse 3s ease-in-out infinite;
}

@keyframes pdp-btn-pulse {
    0%, 100% { box-shadow: 0 6px 24px rgba(20,184,166,0.35), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 0 0 rgba(20,184,166,0); }
    50% { box-shadow: 0 6px 24px rgba(20,184,166,0.35), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 0 8px rgba(20,184,166,0.08); }
}

.pdp-add-btn::before,
.pdp-cart-section .single_add_to_cart_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transition: left 0.5s ease;
    pointer-events: none;
}

.pdp-add-btn:hover:not(:disabled)::before,
.pdp-cart-section .single_add_to_cart_button:hover:not(:disabled)::before {
    left: 100%;
}

.pdp-add-btn:hover:not(:disabled),
.pdp-cart-section .single_add_to_cart_button:hover:not(:disabled) {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 32px rgba(20,184,166,0.5), inset 0 1px 0 rgba(255,255,255,0.25) !important;
    background-position: 100% 0 !important;
    animation: none;
}

.pdp-add-btn:active:not(:disabled),
.pdp-cart-section .single_add_to_cart_button:active:not(:disabled) {
    transform: scale(0.97) translateY(0) !important;
    box-shadow: 0 4px 14px rgba(20,184,166,0.3) !important;
    animation: none;
}

/* ATC button states */
.pdp-add-btn.is-loading,
.single_add_to_cart_button.is-loading {
    pointer-events: none;
    opacity: 0.8;
    animation: none;
}

.pdp-add-btn.is-success,
.single_add_to_cart_button.is-success {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    box-shadow: 0 6px 20px rgba(16,185,129,0.4) !important;
    animation: none;
    pointer-events: none;
}

/* Disabled state */
.pdp-add-btn:disabled,
.pdp-cart-section .single_add_to_cart_button:disabled,
.pdp-cart-section .single_add_to_cart_button.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background: #9CA3AF !important;
    box-shadow: none !important;
    animation: none !important;
}

/* ── PDP Out-of-Stock Styles ── */
.pdp-oos-wrap {
    text-align: center;
    padding: 24px 0;
}

.pdp-add-btn--oos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 700;
    color: #fff !important;
    background: #6B7280 !important;
    border: none;
    border-radius: 14px;
    cursor: not-allowed;
    opacity: 1 !important;
    letter-spacing: 0.5px;
}

.pdp-add-btn--oos svg {
    opacity: 0.7;
}

.pdp-oos-text {
    margin-top: 12px;
    font-size: 13px;
    color: #9CA3AF;
    font-weight: 500;
}

/* OOS variation selected — button turns grey */
.pdp-add-btn--oos-var {
    opacity: 0.6 !important;
    background: #6B7280 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    animation: none !important;
}

/* Stock info OOS state */
.pdp-stock-info--oos {
    color: #EF4444 !important;
    background: rgba(239,68,68,0.06);
    border-color: rgba(239,68,68,0.2);
    gap: 6px;
}

.pdp-stock-info--oos svg {
    stroke: #EF4444;
    flex-shrink: 0;
}

/* Variable product: WC ATC button inside single_variation_wrap */
.pdp-cart-section .single_variation_wrap {
    margin-top: 16px;
}

.pdp-cart-section .woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pdp-cart-section .woocommerce-variation-add-to-cart .pdp-qty-row {
    margin-bottom: 0;
}

/* ═══════════════════════════════════════════════════════════════
   TRUST BOX
   ═══════════════════════════════════════════════════════════════ */

.pdp-trust {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 2px 0;
}
.pdp-trust::-webkit-scrollbar { display: none; }

.pdp-trust__item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #F9FAFB;
    border-radius: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pdp-trust__icon {
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.pdp-trust__icon--delivery { background: #ECFDF5; color: #059669; }
.pdp-trust__icon--return   { background: #EFF6FF; color: #2563EB; }
.pdp-trust__icon--secure   { background: #F5F3FF; color: #7C3AED; }
.pdp-trust__icon--date     { background: #FFF7ED; color: #F97316; }

.pdp-trust__label {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

/* ═══════════════════════════════════════════════════════════════
   SELLER BADGE
   ═══════════════════════════════════════════════════════════════ */

.pdp-seller {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #F9FAFB;
    border-radius: 14px;
}

.pdp-seller__avatar img,
.pdp-seller__initial {
    width: 36px; height: 36px;
    border-radius: 10px;
    object-fit: cover;
}

.pdp-seller__initial {
    display: flex; align-items: center; justify-content: center;
    background: var(--color-primary);
    color: white;
    font-size: 15px; font-weight: 700;
}

.pdp-seller__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.pdp-seller__name { font-size: 14px; font-weight: 600; color: var(--color-text); }

.pdp-seller__verified {
    display: flex; align-items: center; gap: 3px;
    font-size: 12px; color: #059669; font-weight: 500;
}

.pdp-seller__link {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.pdp-seller__link:hover { text-decoration: underline; }

/* ═══════════════════════════════════════════════════════════════
   STICKY BAR (mobile)
   ═══════════════════════════════════════════════════════════════ */

.pdp-sticky {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: var(--z-sticky);
    background: white;
    border-top: 1px solid #E5E7EB;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    padding-bottom: env(safe-area-inset-bottom, 0);
    transform: translateY(100%);
    transition: transform 0.25s ease;
}

.pdp-sticky.is-visible { transform: translateY(0); }
.pdp-sticky[hidden] { display: block !important; }

.pdp-sticky__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
}

.pdp-sticky__left {
    display: flex; flex-direction: column;
    gap: 1px; min-width: 0; flex: 1;
}

.pdp-sticky__top-row {
    display: flex; align-items: center; gap: 6px;
}

.pdp-sticky__name {
    font-size: 11px; color: #6B7280;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.pdp-sticky__discount {
    flex-shrink: 0;
    font-size: 10px; font-weight: 700; color: #fff;
    background: #EF4444; border-radius: 4px;
    padding: 1px 5px; line-height: 1.4;
}

.pdp-sticky__price {
    font-size: 20px; font-weight: 800;
    color: var(--color-primary); line-height: 1.1;
}

.pdp-sticky__price del { font-size: 12px; color: #9CA3AF; margin-right: 4px; }
.pdp-sticky__price ins { text-decoration: none; background: none; }

.pdp-sticky__variant {
    font-size: 10px; color: #14B8A6; font-weight: 600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    min-height: 14px;
}

.pdp-sticky__btn {
    display: flex; align-items: center; justify-content: center;
    gap: 6px; flex-shrink: 0;
    height: 44px; padding: 0 20px;
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 100%);
    color: white; font-size: 14px; font-weight: 700;
    border: none; border-radius: 12px; cursor: pointer;
    box-shadow: 0 4px 14px rgba(20,184,166,0.3);
    transition: transform 0.12s;
}

.pdp-sticky__btn:active:not(:disabled) { transform: scale(0.97); }

.pdp-sticky__btn--disabled {
    background: #E5E7EB; color: #9CA3AF;
    box-shadow: none; cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════════════
   TABS SECTION
   ═══════════════════════════════════════════════════════════════ */

.pdp-tabs-section {
    padding-top: 24px;
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.pdp-extras-section {
    padding-top: 24px;
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.ptabs {
    background: white;
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    overflow: hidden;
}

.ptabs__nav {
    display: flex; gap: 4px;
    padding: 6px;
    background: #F3F4F6;
    border-radius: 10px;
    margin: 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

.ptabs__nav::-webkit-scrollbar { display: none; }

.ptabs__pill {
    flex: 1;
    min-width: max-content;
    padding: 9px 14px;
    font-size: 13px; font-weight: 600;
    color: #6B7280;
    background: transparent;
    border: none; border-radius: 8px;
    cursor: pointer; white-space: nowrap;
    transition: all 0.2s;
}

.ptabs__pill:hover { color: var(--color-text); background: rgba(255,255,255,0.5); }

.ptabs__pill.is-active {
    background: white;
    color: var(--color-primary);
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.ptabs__panels { padding: 0 14px 14px; }

.ptabs__panel { display: none; }
.ptabs__panel.is-active { display: block; }

.ptabs__content { font-size: 14px; line-height: 1.7; color: #4B5563; }
.ptabs__content p { margin-bottom: 10px; }
.ptabs__content p:last-child { margin-bottom: 0; }

/* Attributes table */
.ptabs__attrs {
    width: 100%;
    border-collapse: collapse;
    margin-top: 14px;
    font-size: 13px;
}

.ptabs__attrs tr:nth-child(even) { background: #F9FAFB; }

.ptabs__attrs th,
.ptabs__attrs td {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #F3F4F6;
}

.ptabs__attrs th {
    font-weight: 600;
    color: #6B7280;
    width: 35%;
}

.ptabs__attrs td { color: var(--color-text); }

/* Review Summary */
.review-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: linear-gradient(135deg, #F0FDFA 0%, #ECFDF5 100%);
    border-radius: 12px;
    margin-bottom: 14px;
}

.review-summary__score {
    font-size: 36px; font-weight: 800;
    color: var(--color-primary); line-height: 1;
}

.review-summary__stars { display: flex; gap: 2px; }
.review-summary__count { font-size: 12px; color: #6B7280; margin-top: 2px; }

/* Reviews List */
.reviews-list #reviews { margin: 0; }
.reviews-list .woocommerce-Reviews-title { display: none; }
.reviews-list #comments { margin: 0; }

.reviews-list .commentlist { list-style: none; margin: 0; padding: 0; }

.reviews-list .comment {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 8px;
}

.reviews-list .comment:last-child { margin-bottom: 0; }

.reviews-list .comment_container { display: flex; gap: 10px; }

.reviews-list .avatar {
    width: 36px; height: 36px;
    border-radius: 50%; flex-shrink: 0; object-fit: cover;
}

.reviews-list .comment-text { flex: 1; min-width: 0; }

.reviews-list .meta {
    display: flex; flex-wrap: wrap;
    align-items: center; gap: 6px;
    margin-bottom: 4px;
}

.reviews-list .woocommerce-review__author {
    font-size: 13px; font-weight: 700; color: var(--color-text);
}

.reviews-list .woocommerce-review__dash { display: none; }
.reviews-list .woocommerce-review__published-date { font-size: 11px; color: #9CA3AF; }
.reviews-list .star-rating { font-size: 11px; margin-bottom: 6px; }

.reviews-list .description p {
    font-size: 13px; line-height: 1.6; color: #4B5563; margin: 0;
}

.reviews-list .woocommerce-review__verified {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 2px 6px;
    background: #ECFDF5; color: #059669;
    font-size: 10px; font-weight: 600; border-radius: 4px;
}

/* Review Form */
.reviews-list #review_form_wrapper { margin-top: 16px; padding-top: 16px; border-top: 1px solid #E5E7EB; }
.reviews-list .comment-reply-title { font-size: 16px; font-weight: 700; color: var(--color-text); margin-bottom: 12px; }
.reviews-list .comment-form-rating { margin-bottom: 12px; }
.reviews-list .comment-form-rating label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; }
.reviews-list .stars { display: flex; gap: 3px; }
.reviews-list .stars a { font-size: 22px; color: #D1D5DB; text-decoration: none; }
.reviews-list .stars a:hover,
.reviews-list .stars a.active { color: #F59E0B; }
.reviews-list .comment-form-comment label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; }

.reviews-list .comment-form-comment textarea {
    width: 100%; min-height: 90px;
    padding: 10px 12px; font-size: 14px; font-family: inherit;
    border: 1.5px solid #E5E7EB; border-radius: 10px;
    resize: vertical; transition: border-color 0.2s;
}

.reviews-list .comment-form-comment textarea:focus { border-color: var(--color-primary); outline: none; }

.reviews-list .form-submit .submit {
    display: inline-flex; align-items: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 100%);
    color: white; font-size: 14px; font-weight: 700;
    border: none; border-radius: 10px; cursor: pointer;
    box-shadow: 0 4px 14px rgba(20,184,166,0.3);
    transition: transform 0.15s;
}

.reviews-list .form-submit .submit:hover { transform: translateY(-1px); }

/* FAQ */
.faq-list { display: flex; flex-direction: column; gap: 6px; }

.faq-item {
    background: #F9FAFB;
    border-radius: 10px;
    overflow: hidden;
    transition: background 0.15s;
}

.faq-item:hover { background: #F3F4F6; }

.faq-q {
    display: flex; align-items: center;
    justify-content: space-between; gap: 10px;
    width: 100%; padding: 12px 14px;
    font-size: 13px; font-weight: 600;
    color: var(--color-text);
    text-align: left; background: none;
    border: none; cursor: pointer;
}

.faq-q span { flex: 1; }

.faq-chevron {
    flex-shrink: 0;
    color: #9CA3AF;
    transition: transform 0.25s ease;
}

.faq-q[aria-expanded="true"] .faq-chevron { transform: rotate(180deg); }

.faq-a { padding: 0 14px 14px; }
.faq-a p { font-size: 13px; line-height: 1.7; color: #6B7280; margin: 0; }

/* Spacing between FBT and related products */
.pdp-extras-section > * + * {
    margin-top: 28px;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet ≥768px
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {
    .pdp {
        padding-bottom: 16px;
        --page-gutter: 16px;
        --container-padding: 1rem;
    }
    .pdp-title { font-size: 24px; font-weight: 700; color: var(--color-text); }
    .pdp-brand { color: var(--color-primary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
    .pdp-price-card__current { font-size: 32px; }
    .pdp-gallery__main { aspect-ratio: 3 / 4; }
    .pdp-gallery__img { object-fit: contain; object-position: center; }
    .pdp-gallery__counter { display: none; }
    .pdp-gallery__thumbs--mobile { display: none; }
    .pdp-gallery__dots { display: none; }

    /* Restore normal container padding on tablet+ */
    .pdp .container,
    .pdp-main.container,
    .pdp-tabs-section.container,
    .pdp-extras-section.container {
        padding-left: var(--page-gutter);
        padding-right: var(--page-gutter);
        padding-inline: var(--page-gutter);
    }

    /* Remove gallery full-bleed on tablet+ */
    .pdp-gallery-col {
        width: auto;
        left: auto;
        transform: none;
    }

    .pdp-info-col { padding: 16px 16px 24px; }

    .pdp-tabs-section,
    .pdp-extras-section {
        padding-left: 0;
        padding-right: 0;
    }

    .pdp-trust {
        flex-wrap: wrap;
    }
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE — Desktop ≥1024px — 2-COLUMN LAYOUT
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 1024px) {

    .pdp .container,
    .pdp-main.container,
    .pdp-tabs-section.container,
    .pdp-extras-section.container {
        padding-left: var(--page-gutter-lg);
        padding-right: var(--page-gutter-lg);
    }

    .pdp-main {
        flex-direction: row;
        gap: 28px;
        padding-top: 24px;
        align-items: flex-start;
    }

    /* Gallery sticky */
    .pdp-gallery-col {
        flex: 0 0 55%;
        max-width: 55%;
        position: sticky;
        top: 100px;
        border-radius: 14px;
        overflow: hidden;
        background: white;
        box-shadow: 0 1px 6px rgba(0,0,0,0.05);
    }

    /* Show vertical thumbs (desktop only) */
    .pdp-gallery {
        flex-direction: row;
        border-radius: 14px;
        background: white;
    }

    /* Shift badges & actions right to clear desktop thumbnail column */
    .pdp-gallery-col:has(.pdp-gallery--multi) > .pdp-badges {
        left: 92px;
    }

    .pdp-gallery__thumbs--desktop {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 10px;
        overflow-y: auto;
        max-height: 100%;
        scrollbar-width: thin;
        flex-shrink: 0;
    }

    .pdp-gallery__thumbs--mobile { display: none; }

    .pdp-gallery__thumb {
        flex-shrink: 0;
        width: 60px; height: 72px;
        padding: 2px;
        background: white;
        border: 2px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        transition: border-color 0.12s;
        overflow: hidden;
    }

    .pdp-gallery__thumb img {
        width: 100%; height: 100%;
        object-fit: cover; border-radius: 5px;
    }

    .pdp-gallery__thumb:hover { border-color: #D1D5DB; }
    .pdp-gallery__thumb.is-active { border-color: var(--color-primary); }

    /* Main image: single — portre dikdortgen */
    .pdp-gallery__main {
        flex: 1;
        aspect-ratio: 3 / 4;
        min-height: auto;
        max-height: none;
    }

    .pdp-gallery__track { overflow: hidden; }
    .pdp-gallery__slide { display: none; }
    .pdp-gallery__slide.is-active { display: flex; }

    .pdp-gallery__dots,
    .pdp-gallery__counter { display: none; }

    /* Info col */
    .pdp-info-col {
        flex: 1; min-width: 0;
        padding: 0;
    }

    .pdp-title { font-size: 26px; }

    .pdp-sticky__inner { max-width: 600px; margin: 0 auto; }

    /* Tabs and extras: full container width (same as pdp-main) */
    .ptabs__pill { font-size: 14px; padding: 10px 18px; }
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE — Wide ≥1200px
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 1200px) {
    .pdp-gallery-col { flex: 0 0 52%; max-width: 52%; }
}

/* ═══════════════════════════════════════════════════════════════
   DARK MODE
   ═══════════════════════════════════════════════════════════════ */

html[data-theme="dark"] .pdp,
body[data-theme="dark"] .pdp { background: var(--color-bg); }

html[data-theme="dark"] .pdp-gallery-col,
html[data-theme="dark"] .pdp-gallery,
body[data-theme="dark"] .pdp-gallery-col,
body[data-theme="dark"] .pdp-gallery { background: var(--color-bg-card); }

html[data-theme="dark"] .pdp-float-btn,
body[data-theme="dark"] .pdp-float-btn { background: #1F2937; }

html[data-theme="dark"] .pdp-price-card { background: rgba(5,150,105,0.06); border-color: rgba(5,150,105,0.15); }
html[data-theme="dark"] .pdp-price-card__savings { background: rgba(5,150,105,0.1); }
html[data-theme="dark"] .pdp-inst-card { background: var(--color-bg-card); border-color: #374151; }

html[data-theme="dark"] .pdp-cart-section,
html[data-theme="dark"] .pdp-trust__item,
html[data-theme="dark"] .pdp-seller,
html[data-theme="dark"] .ptabs,
body[data-theme="dark"] .pdp-cart-section,
body[data-theme="dark"] .pdp-trust__item,
body[data-theme="dark"] .pdp-seller,
body[data-theme="dark"] .ptabs { background: var(--color-bg-card); border-color: #374151; }

html[data-theme="dark"] .pdp-var-btn,
body[data-theme="dark"] .pdp-var-btn { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .pdp-var-btn.is-oos,
body[data-theme="dark"] .pdp-var-btn.is-oos { background: #111827; border-color: #1F2937; color: #4B5563; opacity: 0.35; }

html[data-theme="dark"] .pdp-add-btn--oos,
body[data-theme="dark"] .pdp-add-btn--oos { background: #374151 !important; }

html[data-theme="dark"] .pdp-oos-text,
body[data-theme="dark"] .pdp-oos-text { color: #6B7280; }

html[data-theme="dark"] .badge--oos,
body[data-theme="dark"] .badge--oos { background: rgba(75,85,99,0.9); }

html[data-theme="dark"] .product-card--oos .product-card-thumb,
body[data-theme="dark"] .product-card--oos .product-card-thumb { filter: grayscale(50%) opacity(0.55); }

html[data-theme="dark"] .product-card-add-btn--oos,
body[data-theme="dark"] .product-card-add-btn--oos { background: #1F2937 !important; color: #6B7280 !important; border-color: #374151 !important; }

html[data-theme="dark"] .pdp-stock-info--oos,
body[data-theme="dark"] .pdp-stock-info--oos { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.15); }

html[data-theme="dark"] .pdp-qty,
body[data-theme="dark"] .pdp-qty { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .pdp-sticky,
body[data-theme="dark"] .pdp-sticky { background: var(--color-bg-card); border-color: #374151; box-shadow: 0 -4px 20px rgba(0,0,0,0.3); }

html[data-theme="dark"] .pdp-gallery__dots,
body[data-theme="dark"] .pdp-gallery__dots { background: rgba(31,41,55,0.85); }

html[data-theme="dark"] .pdp-gallery__thumb-m,
body[data-theme="dark"] .pdp-gallery__thumb-m { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .pdp-low-stock,
body[data-theme="dark"] .pdp-low-stock { background: rgba(220,38,38,0.1); border-color: rgba(220,38,38,0.2); }

html[data-theme="dark"] .pdp-trust__icon--delivery { background: rgba(5,150,105,0.1); }
html[data-theme="dark"] .pdp-trust__icon--return { background: rgba(37,99,235,0.1); }
html[data-theme="dark"] .pdp-trust__icon--secure { background: rgba(124,58,237,0.1); }
html[data-theme="dark"] .pdp-trust__icon--date { background: rgba(249,115,22,0.1); }

html[data-theme="dark"] .ptabs__nav,
body[data-theme="dark"] .ptabs__nav { background: #1F2937; }

html[data-theme="dark"] .ptabs__pill.is-active,
body[data-theme="dark"] .ptabs__pill.is-active { background: #374151; }

html[data-theme="dark"] .review-summary,
body[data-theme="dark"] .review-summary { background: linear-gradient(135deg, #1F2937 0%, #111827 100%); }

html[data-theme="dark"] .reviews-list .comment,
html[data-theme="dark"] .faq-item,
body[data-theme="dark"] .reviews-list .comment,
body[data-theme="dark"] .faq-item { background: #1F2937; }

html[data-theme="dark"] .faq-item:hover,
body[data-theme="dark"] .faq-item:hover { background: #374151; }

html[data-theme="dark"] .reviews-list .comment-form-comment textarea,
body[data-theme="dark"] .reviews-list .comment-form-comment textarea { background: #1F2937; border-color: #374151; color: var(--color-text); }

html[data-theme="dark"] .pdp-gallery__thumb,
body[data-theme="dark"] .pdp-gallery__thumb { background: #1F2937; }

html[data-theme="dark"] .ptabs__attrs tr:nth-child(even),
body[data-theme="dark"] .ptabs__attrs tr:nth-child(even) { background: #1F2937; }

html[data-theme="dark"] .ptabs__attrs th,
html[data-theme="dark"] .ptabs__attrs td,
body[data-theme="dark"] .ptabs__attrs th,
body[data-theme="dark"] .ptabs__attrs td { border-color: #374151; }


/* ==========================================================================
   CHECKOUT PAGE — Premium v26
   Ultra-premium · Warm minimal · PayTR · Mobile-first
   ========================================================================== */

.checkout-page {
    padding: 16px 12px;
    max-width: 1180px;
    margin: 0 auto;
}

.checkout-page .ab-hidden,
.checkout-page #billing_country_field.hidden,
.checkout-page #shipping_country_field.hidden,
.checkout-page .form-row.hidden {
    display: none !important;
}

/* ── CHECKOUT CLEANUP — hide notices, coupon, newsletter, gift ──────── */

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .abc-checkout-notice,
.woocommerce-checkout .mc4wp-checkbox,
.woocommerce-checkout .mc4wp-form,
.woocommerce-checkout [class*="newsletter"],
.woocommerce-checkout [class*="bulten"],
.woocommerce-checkout [class*="subscribe"],
.woocommerce-checkout [class*="optin"],
.woocommerce-checkout [class*="opt-in"],
.woocommerce-checkout [class*="mailpoet"],
.woocommerce-checkout [class*="mailchimp"],
.woocommerce-checkout [class*="klaviyo"],
.woocommerce-checkout [id*="newsletter"],
.woocommerce-checkout [id*="subscribe"],
.woocommerce-checkout #mc_embed_signup,
.woocommerce-checkout .woocommerce-mailchimp-opt-in,
.woocommerce-checkout [class*="gift-notice"],
.woocommerce-checkout [class*="hediye"] {
    display: none !important;
}

/* Privacy policy text */
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text,
.woocommerce-checkout p.form-row.woocommerce-validated .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-privacy-policy-text {
    display: none !important;
}

/* ── STEPS ──────────────────────────────────────────────────────────────── */

.checkout-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 24px;
    padding: 16px 24px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #EEF0F4;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

.checkout-step {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-step__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #C4C9D4;
    background: #F5F6F8;
    border: 2px solid #E2E5EB;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.checkout-step.is-active .checkout-step__num {
    color: #fff;
    background: linear-gradient(135deg, var(--color-primary) 0%, #0D9488 100%);
    border-color: var(--color-primary);
    box-shadow: 0 3px 12px rgba(20, 184, 166, 0.35);
}

.checkout-step.is-done .checkout-step__num {
    color: #fff;
    background: #10B981;
    border-color: #10B981;
}

.checkout-step__label {
    font-size: 13px;
    font-weight: 600;
    color: #C4C9D4;
    display: none;
    transition: color 0.25s;
    letter-spacing: 0.01em;
}

.checkout-step.is-active .checkout-step__label { color: var(--color-text); }
.checkout-step.is-done .checkout-step__label { color: #10B981; }

.checkout-step__line {
    width: 40px;
    height: 2px;
    background: #E8EBF0;
    margin: 0 12px;
    border-radius: 1px;
}

.checkout-step.is-done + .checkout-step__line { background: #10B981; }

@media (min-width: 480px) {
    .checkout-step__label { display: block; }
    .checkout-step__line { width: 56px; }
}

/* ── LAYOUT ─────────────────────────────────────────────────────────────── */

.checkout-page .checkout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── SECTION CARD ───────────────────────────────────────────────────────── */

.checkout-section {
    background: #fff;
    border-radius: 18px;
    padding: 24px 18px;
    border: 1px solid #EEF0F4;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02), 0 6px 20px rgba(0,0,0,0.03);
}

.checkout-section h3,
.ab-billing__title,
.ab-shipping__title,
.ab-additional__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F2F5;
    letter-spacing: -0.01em;
}

.checkout-section h3 svg,
.ab-billing__title svg,
.ab-shipping__title svg,
.ab-additional__title svg {
    color: var(--color-primary);
    flex-shrink: 0;
}

/* ── FIELDS ─────────────────────────────────────────────────────────────── */

/* Name fields: full-width mobile, grid handles desktop */
.checkout-page .form-row-first,
.checkout-page .form-row-last {
    float: none !important;
    width: 100% !important;
}

@media (min-width: 480px) {
    .checkout-page .woocommerce-billing-fields__field-wrapper,
    .checkout-page .woocommerce-shipping-fields__field-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .checkout-page .woocommerce-billing-fields__field-wrapper .form-row-wide,
    .checkout-page .woocommerce-shipping-fields__field-wrapper .form-row-wide {
        grid-column: 1 / -1;
    }

    .checkout-page .woocommerce-billing-fields__field-wrapper .form-row,
    .checkout-page .woocommerce-shipping-fields__field-wrapper .form-row {
        margin-bottom: 0;
    }
}

.checkout-page .form-row { margin-bottom: 14px; }

.checkout-page .form-row label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #4B5563;
    margin-bottom: 6px;
    letter-spacing: 0.01em;
}

.checkout-page .form-row label .required { color: var(--color-primary); font-weight: 500; }

.checkout-page .form-row label .optional {
    color: #B0B6C3;
    font-weight: 400;
    font-size: 12px;
    margin-left: 2px;
}

/* ── INPUTS ─────────────────────────────────────────────────────────────── */

.checkout-page .form-row input[type="text"],
.checkout-page .form-row input[type="email"],
.checkout-page .form-row input[type="tel"],
.checkout-page .form-row input[type="number"],
.checkout-page .form-row input[type="password"],
.checkout-page .form-row select,
.checkout-page .form-row textarea {
    width: 100%;
    height: 50px;
    padding: 0 16px;
    font-size: 15px;
    font-family: inherit;
    color: var(--color-text);
    background: #F8F9FB;
    border: 1.5px solid #E2E5EB;
    border-radius: 12px;
    transition: all 0.2s cubic-bezier(.4,0,.2,1);
    -webkit-appearance: none;
}

.checkout-page .form-row textarea {
    height: auto;
    min-height: 80px;
    padding: 14px 16px;
    resize: vertical;
}

.checkout-page .form-row input::placeholder,
.checkout-page .form-row textarea::placeholder {
    color: #BFC4CE;
    font-weight: 400;
}

.checkout-page .form-row input:focus,
.checkout-page .form-row select:focus,
.checkout-page .form-row textarea:focus {
    background: #fff;
    border-color: var(--color-primary);
    outline: none;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.08);
}

.checkout-page .form-row.woocommerce-validated input,
.checkout-page .form-row.woocommerce-validated select {
    border-color: #10B981;
    background: #F0FDF9;
}

.checkout-page .form-row.woocommerce-invalid input,
.checkout-page .form-row.woocommerce-invalid select {
    border-color: #EF4444;
    background: #FEF2F2;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.06);
}

/* ── SELECT2 ────────────────────────────────────────────────────────────── */

.checkout-page .select2-container--default .select2-selection--single {
    height: 50px;
    border: 1.5px solid #E2E5EB;
    border-radius: 12px;
    background: #F8F9FB;
    transition: all 0.2s;
}

.checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 16px;
    color: var(--color-text);
    font-size: 15px;
}

.checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 12px;
}

.checkout-page .select2-container--open .select2-selection--single {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.08);
    background: #fff;
}

/* ── CHECKBOX ───────────────────────────────────────────────────────────── */

.checkout-page .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: var(--color-text);
    cursor: pointer;
}

.checkout-page .woocommerce-form__input-checkbox {
    width: 20px; height: 20px; min-width: 20px;
    margin-top: 2px; accent-color: var(--color-primary);
}

/* ── SHIPPING TOGGLE ────────────────────────────────────────────────────── */

.ab-shipping__toggle { margin-bottom: 18px; }

.ab-shipping__toggle label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #F8F9FB;
    border: 1.5px solid #E2E5EB;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
}

.ab-shipping__toggle label:hover {
    border-color: var(--color-primary);
    background: rgba(20, 184, 166, 0.02);
}

/* ── SIDEBAR ────────────────────────────────────────────────────────────── */

.order-summary {
    background: #fff;
    border-radius: 18px;
    border: 1px solid #EEF0F4;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02), 0 6px 20px rgba(0,0,0,0.03);
    overflow: hidden;
}

.order-summary__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    cursor: pointer;
    list-style: none;
    background: linear-gradient(135deg, #F8F9FB 0%, #fff 100%);
    border: none;
    border-bottom: 1px solid #EEF0F4;
}

.order-summary__toggle::-webkit-details-marker { display: none; }
.order-summary__toggle::marker { display: none; content: ''; }

.order-summary__toggle-left { display: flex; align-items: center; gap: 8px; }
.order-summary__toggle-left svg { color: var(--color-primary); }
.order-summary__count { font-weight: 400; color: #9CA3AF; font-size: 13px; }
.order-summary__toggle-right { display: flex; align-items: center; gap: 6px; }
.order-summary__total { font-weight: 700; color: var(--color-primary); font-size: 15px; }
.order-summary__total small.includes_tax { display: none; }

.order-summary__chevron {
    color: #9CA3AF;
    transition: transform 0.25s cubic-bezier(.4,0,.2,1);
    flex-shrink: 0;
}

.order-summary[open] > .order-summary__toggle .order-summary__chevron { transform: rotate(180deg); }
.order-summary__body { padding: 0 18px 18px; }
.order-summary__title { display: none; }

/* ── REVIEW ORDER ───────────────────────────────────────────────────────── */

.review-order { margin-bottom: 16px; }

.review-order__products {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid #F0F2F5;
    margin-bottom: 12px;
}

.review-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.review-item__img {
    position: relative;
    width: 52px; height: 52px;
    border-radius: 11px;
    overflow: hidden;
    background: #F5F6F8;
    flex-shrink: 0;
    border: 1px solid #EEF0F4;
}

.review-item__img img { width: 100%; height: 100%; object-fit: cover; }

.review-item__qty {
    position: absolute;
    top: -5px; right: -5px;
    width: 20px; height: 20px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--color-primary) 0%, #0D9488 100%);
    color: #fff; font-size: 10px; font-weight: 700;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(20, 184, 166, 0.3);
}

.review-item__info { flex: 1; min-width: 0; }

.review-item__name {
    display: block; font-size: 13px; font-weight: 500;
    color: var(--color-text); line-height: 1.35;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.review-item__info .variation { font-size: 11px; color: #9CA3AF; margin-top: 2px; }
.review-item__info .variation dt { display: none; }
.review-item__info .variation dd { margin: 0; padding: 0; }

.review-item__price {
    font-size: 14px; font-weight: 600;
    color: var(--color-text); flex-shrink: 0; white-space: nowrap;
}

/* Totals */
/* ── TOTALS (v3 — clean & balanced) ──────────────────────────────────── */

.review-order__totals { display: flex; flex-direction: column; gap: 8px; }

.review-order__row {
    display: flex; justify-content: space-between;
    align-items: center; font-size: 13px; color: #6B7280;
}

.review-order__row span:last-child { font-weight: 500; color: var(--color-text); }
.review-order__row--discount span:last-child { color: #059669; font-weight: 600; }

.review-order__row--total {
    margin-top: 12px; padding: 12px 16px;
    background: linear-gradient(135deg, #0F766E 0%, #0D9488 50%, #14B8A6 100%);
    border-radius: 12px;
    align-items: center;
}

.review-order__row--total span:first-child {
    font-weight: 600; color: rgba(255,255,255,0.85); font-size: 14px;
    white-space: nowrap; text-transform: uppercase; letter-spacing: 0.05em;
}

.review-order__row--total span:last-child {
    text-align: right;
    color: #fff;
}

.review-order__row--total span:last-child strong {
    font-size: 26px; font-weight: 800; color: #fff;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.review-order__row--total small.includes_tax {
    display: none;
}

/* Global: hide "(XX KDV dahil)" text everywhere */
small.includes_tax { display: none !important; }

/* Shipping row — clean layout */
.review-order__row--shipping {
    font-size: 13px; color: #6B7280;
}
.review-order__row--shipping span:last-child {
    font-weight: 600; color: var(--color-text);
}
.review-order__row--shipping input[type="radio"] {
    margin-right: 6px; accent-color: var(--color-primary);
}
.review-order__row--shipping input[type="hidden"] { display: none; }

/* Hide any leftover WC shipping table artifacts */
.review-order .woocommerce-shipping-totals { display: none; }

/* ── PAYMENT (v3 — Stripe-level premium) ────────────────────────────── */

.checkout-payment {
    margin-top: 24px; padding-top: 24px;
    border-top: 1.5px solid #E5E7EB;
}

.checkout-payment__title {
    display: flex; align-items: center; gap: 8px;
    font-size: 14px; font-weight: 700; color: var(--color-text);
    margin: 0 0 14px; letter-spacing: -0.01em;
}

.checkout-payment__title svg { color: var(--color-primary); width: 18px; height: 18px; }

.checkout-payment__methods {
    list-style: none; margin: 0 0 20px; padding: 0;
    display: flex; flex-direction: column; gap: 0;
    border: 1.5px solid #E2E5E9;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.checkout-payment__methods .wc_payment_method {
    background: #fff;
    border: none;
    border-bottom: 1px solid #F0F2F5;
    border-radius: 0;
    padding: 16px 18px;
    transition: background 0.2s ease;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 14px;
}

.checkout-payment__methods .wc_payment_method:last-child {
    border-bottom: none;
}

.checkout-payment__methods .wc_payment_method > label {
    flex: 1; min-width: 0;
    font-size: 13.5px; font-weight: 600; color: var(--color-text);
    cursor: pointer; margin: 0; line-height: 22px;
}

.checkout-payment__methods .wc_payment_method:hover {
    background: #FAFBFC;
}

.checkout-payment__methods .wc_payment_method > label img { max-height: 24px; width: auto; }

/* Hide native radio — use label click */
.checkout-payment__methods .wc_payment_method input[type="radio"] {
    -webkit-appearance: none; appearance: none;
    width: 22px; height: 22px; flex-shrink: 0;
    border: 2px solid #D1D5DB; border-radius: 50%;
    background: #fff; cursor: pointer;
    transition: all 0.2s cubic-bezier(.4,0,.2,1);
    margin: 0;
}

.checkout-payment__methods .wc_payment_method input[type="radio"]::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s cubic-bezier(.4,0,.2,1);
}

.checkout-payment__methods .wc_payment_method input[type="radio"]:checked {
    border-color: var(--color-primary);
    background: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(20,184,166,0.12);
}

.checkout-payment__methods .wc_payment_method input[type="radio"]:checked::after {
    width: 8px; height: 8px;
}

/* Selected method background */
.checkout-payment__methods .wc_payment_method:has(input:checked) {
    background: rgba(20, 184, 166, 0.03);
}

.checkout-payment__methods .wc_payment_method:has(input:checked) > label {
    background: transparent;
}

/* Selected method left accent */
.checkout-payment__methods .wc_payment_method:has(input:checked)::before {
    content: '';
    position: absolute;
    left: 0; top: 6px; bottom: 6px;
    width: 3px;
    background: var(--color-primary);
    border-radius: 0 3px 3px 0;
}

/* Payment description box */
.checkout-payment__methods .payment_box {
    width: 100%; flex-basis: 100%;
    margin: 10px 0 0; padding: 10px 14px;
    margin-left: 36px;
    background: rgba(20,184,166,0.03);
    border-radius: 8px;
    font-size: 12.5px; color: #6B7280; line-height: 1.6;
}

.checkout-payment__methods .payment_box p { margin: 0; }
.checkout-payment__methods .payment_box p:last-child { margin-bottom: 0; }

.checkout-payment__empty {
    padding: 14px 18px; background: #FEF3C7; border-radius: 0;
    font-size: 13px; color: #92400E;
}

/* ── TERMS ──────────────────────────────────────────────────────────────── */

.checkout-terms { margin-bottom: 14px; }

.checkout-terms .woocommerce-terms-and-conditions-checkbox-text {
    font-size: 13px; line-height: 1.5; color: var(--color-text-muted);
}

.checkout-terms .woocommerce-terms-and-conditions-checkbox-text a {
    color: var(--color-primary); font-weight: 600;
    text-decoration: underline; text-underline-offset: 2px;
}

.checkout-terms .woocommerce-terms-and-conditions-checkbox-text a:hover { text-decoration: none; }

.checkout-terms__row { margin-bottom: 0 !important; }

.checkout-terms__label {
    display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer;
}

.checkout-terms__label input[type="checkbox"] {
    width: 20px; height: 20px; min-width: 20px; margin-top: 1px; accent-color: var(--color-primary);
}

.checkout-terms__mark { display: none; }
.checkout-terms__text { flex: 1; font-size: 13px; line-height: 1.5; color: var(--color-text-muted); }
.checkout-terms__text .required { color: #EF4444; }
.woocommerce-privacy-policy-text p { font-size: 12px; color: var(--color-text-muted); margin-bottom: 10px; }

/* ── PLACE ORDER ────────────────────────────────────────────────────────── */

.checkout-payment__footer { padding: 0 !important; }

.place-order-btn {
    display: flex !important; align-items: center !important;
    justify-content: center !important; gap: 10px;
    width: 100% !important; height: 54px !important;
    font-size: 16px !important; font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 50%, #0F766E 100%) !important;
    border: none !important; border-radius: 14px !important;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(20, 184, 166, 0.35) !important;
    transition: all 0.2s cubic-bezier(.4,0,.2,1) !important;
    letter-spacing: 0.01em;
    position: relative; overflow: hidden;
}

.place-order-btn::before {
    content: '';
    position: absolute; top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
    transition: left 0.5s ease; pointer-events: none;
}

.place-order-btn:hover::before { left: 100%; }

.place-order-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(20, 184, 166, 0.4) !important;
}

.place-order-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(20, 184, 166, 0.3) !important;
}

.place-order-btn:disabled,
.place-order-btn[disabled] { opacity: 0.55 !important; cursor: not-allowed; transform: none !important; }

.place-order-btn svg { flex-shrink: 0; }
.checkout-payment .blockUI.blockOverlay { border-radius: 14px; }

/* ── TRUST BADGES ───────────────────────────────────────────────────────── */

.checkout-trust {
    display: flex; justify-content: center; flex-wrap: wrap;
    gap: 20px; margin-top: 16px; padding: 12px 14px;
    font-size: 11px; color: #9CA3AF; letter-spacing: 0.01em;
}

.checkout-trust span { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.checkout-trust svg { color: #10B981; width: 14px; height: 14px; }

/* ── RESPONSIVE ─────────────────────────────────────────────────────────── */

@media (min-width: 768px) {
    .checkout-page { padding: 24px; }
    .checkout-section { padding: 28px 24px; }
}

@media (min-width: 1024px) {
    .checkout-page { padding: 32px 24px; }

    .checkout-page .checkout {
        flex-direction: row; align-items: flex-start; gap: 28px;
    }

    .checkout-page__main { flex: 1; min-width: 0; }

    .checkout-page__sidebar {
        width: 380px; flex-shrink: 0; position: sticky; top: 24px;
    }

    .order-summary__toggle { display: none; }
    .order-summary__body { display: block !important; padding: 22px; }

    .order-summary__title {
        display: block; font-size: 17px; font-weight: 700;
        color: var(--color-text); margin: 0 0 18px; padding-bottom: 14px;
        border-bottom: 1px solid #F0F2F5; letter-spacing: -0.01em;
    }

    .checkout-section { padding: 32px 28px; }
}

/* ── LEGAL CHECKBOXES ───────────────────────────────────────────────────── */

.checkout-page .abc-legal-checkboxes {
    margin: 16px 0; padding: 16px; background: #F8F9FB;
    border: 1px solid #EEF0F4; border-radius: 14px;
}

.checkout-page .abc-legal-checkboxes .abc-legal-row,
.checkout-page .abc-legal-checkboxes .abc-legal-checkbox { margin-bottom: 10px; }

.checkout-page .abc-legal-checkboxes .abc-legal-row:last-child,
.checkout-page .abc-legal-checkboxes .abc-legal-checkbox:last-child { margin-bottom: 0; }

.checkout-page .abc-legal-checkboxes label,
.checkout-page .abc-legal-checkboxes .abc-legal-label {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 13px; line-height: 1.5; color: var(--color-text-muted); cursor: pointer;
}

.checkout-page .abc-legal-checkboxes input[type="checkbox"],
.checkout-page .abc-legal-checkboxes .abc-legal-input {
    width: 20px; height: 20px; min-width: 20px;
    margin-top: 1px; accent-color: var(--color-primary);
}

.checkout-page .abc-legal-checkboxes a,
.checkout-page .abc-legal-checkboxes .abc-legal-link {
    color: var(--color-primary); font-weight: 600;
    text-decoration: underline; text-underline-offset: 2px;
}

.checkout-page .abc-legal-checkboxes a:hover,
.checkout-page .abc-legal-checkboxes .abc-legal-link:hover { text-decoration: none; }

.checkout-page .abc-legal-checkboxes .required { color: #EF4444; }

.checkout-page .abc-legal-checkboxes .abc-legal-checkmark {
    width: 20px; height: 20px; min-width: 20px;
    border: 2px solid #D1D5DB; border-radius: 5px;
    margin-top: 1px; transition: all 0.15s;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.checkout-page .abc-legal-checkboxes .abc-legal-input:checked + .abc-legal-checkmark {
    background: var(--color-primary); border-color: var(--color-primary);
}

.checkout-page .abc-legal-checkboxes .abc-legal-input:checked + .abc-legal-checkmark::after {
    content: ''; width: 5px; height: 9px;
    border: solid #fff; border-width: 0 2px 2px 0;
    transform: rotate(45deg); margin-top: -2px;
}

/* ── LEGAL MODALS ───────────────────────────────────────────────────────── */

.abc-modal {
    position: fixed; inset: 0; z-index: var(--z-modal);
    display: flex; align-items: center; justify-content: center;
    padding: 16px; opacity: 0; visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.abc-modal.is-open, .abc-modal[aria-hidden="false"] { opacity: 1; visibility: visible; }

.abc-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.45); backdrop-filter: blur(6px);
}

.abc-modal__dialog {
    position: relative; width: 100%; max-width: 700px; max-height: 90vh;
    background: #fff; border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.18);
    display: flex; flex-direction: column;
    transform: translateY(20px);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}

.abc-modal.is-open .abc-modal__dialog,
.abc-modal[aria-hidden="false"] .abc-modal__dialog { transform: translateY(0); }

.abc-modal__header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 22px; border-bottom: 1px solid #F0F2F5;
}

.abc-modal__title { font-size: 17px; font-weight: 700; color: var(--color-text); margin: 0; }

.abc-modal__close {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; color: #6B7280; background: #F3F4F6;
    border: none; border-radius: 10px; cursor: pointer; transition: all 0.15s;
}

.abc-modal__close:hover { color: var(--color-text); background: #E5E7EB; }

.abc-modal__body {
    flex: 1; padding: 22px; overflow-y: auto;
    font-size: 14px; line-height: 1.7; color: #4B5563;
}

.abc-modal__footer { padding: 14px 22px; border-top: 1px solid #F0F2F5; }

/* ── ORDER BUMP ─────────────────────────────────────────────────────────── */

.checkout-page .abc-bump, .checkout-page .abc-bump-card {
    background: #fff; border: 2px dashed #E2E5EB;
    border-radius: 14px; padding: 16px; margin: 16px 0; transition: all 0.2s;
}

.checkout-page .abc-bump:has(input:checked), .checkout-page .abc-bump-card:has(input:checked),
.checkout-page .abc-bump.is-selected, .checkout-page .abc-bump-card.is-selected {
    border-color: var(--color-primary); border-style: solid;
    background: rgba(20,184,166,0.03);
}

.checkout-page .abc-bump__header, .checkout-page .abc-bump-card__header {
    display: flex; align-items: center; gap: 10px;
    font-size: 14px; font-weight: 700; color: var(--color-text); margin-bottom: 8px;
}

.checkout-page .abc-bump__badge, .checkout-page .abc-bump-card__badge {
    display: inline-flex; align-items: center; padding: 3px 10px;
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.03em; background: #FDE68A; color: #92400E; border-radius: 20px;
}

.checkout-page .abc-bump label, .checkout-page .abc-bump-card label {
    display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
    font-size: 14px; line-height: 1.5; color: var(--color-text);
}

.checkout-page .abc-bump input[type="checkbox"], .checkout-page .abc-bump-card input[type="checkbox"] {
    width: 20px; height: 20px; min-width: 20px; margin-top: 1px; accent-color: var(--color-primary);
}

.checkout-page .abc-bump__price, .checkout-page .abc-bump-card__price {
    font-weight: 700; color: var(--color-primary);
}

/* ── DARK MODE ──────────────────────────────────────────────────────────── */

html[data-theme="dark"] .checkout-steps, body[data-theme="dark"] .checkout-steps { background: var(--color-bg-card); border-color: #374151; }
html[data-theme="dark"] .checkout-step__num, body[data-theme="dark"] .checkout-step__num { background: #1F2937; border-color: #4B5563; color: #6B7280; }

html[data-theme="dark"] .cart-item, html[data-theme="dark"] .coupon-box,
html[data-theme="dark"] .cart-totals, html[data-theme="dark"] .checkout-section,
html[data-theme="dark"] .order-summary,
body[data-theme="dark"] .cart-item, body[data-theme="dark"] .coupon-box,
body[data-theme="dark"] .cart-totals, body[data-theme="dark"] .checkout-section,
body[data-theme="dark"] .order-summary { background: var(--color-bg-card); border-color: #374151; }

html[data-theme="dark"] .order-summary__toggle, body[data-theme="dark"] .order-summary__toggle { background: #1F2937; border-bottom-color: #374151; }

html[data-theme="dark"] .cart-item__img, html[data-theme="dark"] .review-item__img,
html[data-theme="dark"] .shipping-progress, html[data-theme="dark"] .checkout-payment__methods .wc_payment_method,
body[data-theme="dark"] .cart-item__img, body[data-theme="dark"] .review-item__img,
body[data-theme="dark"] .shipping-progress, body[data-theme="dark"] .checkout-payment__methods .wc_payment_method { background: #1F2937; }

html[data-theme="dark"] .checkout-payment__methods .wc_payment_method { border-color: transparent; }
html[data-theme="dark"] .checkout-payment__methods { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .checkout-payment__methods .wc_payment_method { border-bottom-color: #2D3748; }
html[data-theme="dark"] .checkout-payment__methods .wc_payment_method:has(input:checked) { border-color: var(--color-primary); background: rgba(20,184,166,0.08); box-shadow: 0 0 0 3px rgba(20,184,166,0.12); }

html[data-theme="dark"] .coupon-box__input, html[data-theme="dark"] .checkout-page .form-row input,
html[data-theme="dark"] .checkout-page .form-row select, html[data-theme="dark"] .checkout-page .form-row textarea,
body[data-theme="dark"] .coupon-box__input, body[data-theme="dark"] .checkout-page .form-row input,
body[data-theme="dark"] .checkout-page .form-row select, body[data-theme="dark"] .checkout-page .form-row textarea { background: #1F2937; border-color: #374151; color: var(--color-text); }

html[data-theme="dark"] .checkout-page .select2-container--default .select2-selection--single,
body[data-theme="dark"] .checkout-page .select2-container--default .select2-selection--single { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .cart-item__remove:hover, body[data-theme="dark"] .cart-item__remove:hover { background: #7F1D1D; }
html[data-theme="dark"] .shipping-free, html[data-theme="dark"] .cart-item__save,
body[data-theme="dark"] .shipping-free, body[data-theme="dark"] .cart-item__save { background: #064E3B; }

html[data-theme="dark"] .review-order__row--total, body[data-theme="dark"] .review-order__row--total { background: linear-gradient(135deg, #0F766E 0%, #0D9488 50%, #14B8A6 100%); }
html[data-theme="dark"] .review-order__products, body[data-theme="dark"] .review-order__products { border-bottom-color: #374151; }
html[data-theme="dark"] .order-summary__title, body[data-theme="dark"] .order-summary__title { border-bottom-color: #374151; }

html[data-theme="dark"] .checkout-page .abc-legal-checkboxes,
body[data-theme="dark"] .checkout-page .abc-legal-checkboxes { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .checkout-page .abc-bump, html[data-theme="dark"] .checkout-page .abc-bump-card,
body[data-theme="dark"] .checkout-page .abc-bump, body[data-theme="dark"] .checkout-page .abc-bump-card { background: var(--color-bg-card); border-color: #4B5563; }

html[data-theme="dark"] .abc-modal__dialog, body[data-theme="dark"] .abc-modal__dialog { background: var(--color-bg-card); }
html[data-theme="dark"] .abc-modal__header, html[data-theme="dark"] .abc-modal__footer,
body[data-theme="dark"] .abc-modal__header, body[data-theme="dark"] .abc-modal__footer { border-color: #374151; }

html[data-theme="dark"] .ab-shipping__toggle label, body[data-theme="dark"] .ab-shipping__toggle label { background: #1F2937; border-color: #374151; }

html[data-theme="dark"] .checkout-section h3, html[data-theme="dark"] .ab-billing__title, html[data-theme="dark"] .ab-shipping__title,
body[data-theme="dark"] .checkout-section h3, body[data-theme="dark"] .ab-billing__title, body[data-theme="dark"] .ab-shipping__title { border-bottom-color: #374151; }

html[data-theme="dark"] .checkout-trust, body[data-theme="dark"] .checkout-trust { color: #6B7280; }
html[data-theme="dark"] .checkout-payment, body[data-theme="dark"] .checkout-payment { border-top-color: #374151; }
html[data-theme="dark"] .checkout-payment__methods .wc_payment_method input[type="radio"] { border-color: #4B5563; background: #1F2937; }
html[data-theme="dark"] .checkout-payment__methods .payment_box { background: rgba(20,184,166,0.08); border-left-color: var(--color-primary); }
html[data-theme="dark"] .checkout-page .form-row label, body[data-theme="dark"] .checkout-page .form-row label { color: #D1D5DB; }

/* ==========================================================================
   WOOCOMMERCE BLOCKS - CART & CHECKOUT
   ========================================================================== */

/* Block Cart Page */
.wc-block-cart {
    padding: var(--page-gutter);
    max-width: 1200px;
    margin: 0 auto;
}

.wc-block-cart__main {
    background: var(--color-bg-card);
    border-radius: var(--card-radius);
    padding: var(--page-gutter-lg);
    box-shadow: var(--card-shadow);
    margin-bottom: 24px;
}

.wc-block-cart__sidebar {
    position: sticky;
    top: 100px;
}

/* Block Cart Items */
.wc-block-cart-items {
    border: none !important;
}

.wc-block-cart-items__row {
    padding: 16px 0 !important;
    border-bottom: 1px solid #F3F4F6 !important;
}

.wc-block-cart-items__row:last-child {
    border-bottom: none !important;
}

.wc-block-cart-item__image img {
    border-radius: 12px !important;
}

.wc-block-cart-item__product {
    gap: 12px;
}

.wc-block-cart-item__product-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

.wc-block-cart-item__product-metadata {
    font-size: 13px !important;
    color: #6B7280 !important;
}

.wc-block-cart-item__prices {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
}

/* Block Cart Quantity */
.wc-block-components-quantity-selector {
    background: #F3F4F6 !important;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden;
}

.wc-block-components-quantity-selector__button {
    background: transparent !important;
    border: none !important;
    color: var(--color-text) !important;
}

.wc-block-components-quantity-selector__input {
    font-weight: 600 !important;
    background: transparent !important;
    border: none !important;
}

/* Block Cart Remove */
.wc-block-cart-item__remove-link {
    font-size: 12px !important;
    color: #9CA3AF !important;
    text-decoration: none !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #EF4444 !important;
}

/* Block Cart Totals */
.wc-block-cart__totals-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--color-text) !important;
}

.wc-block-components-totals-wrapper {
    background: var(--color-bg-card);
    border-radius: var(--card-radius);
    padding: var(--page-gutter-lg);
    box-shadow: var(--card-shadow);
}

.wc-block-components-totals-item {
    padding: 12px 0 !important;
    border-bottom: 1px solid #F3F4F6 !important;
}

.wc-block-components-totals-item__label {
    font-size: 14px !important;
    color: #6B7280 !important;
}

.wc-block-components-totals-item__value {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

.wc-block-components-totals-footer-item {
    padding-top: 16px !important;
    border-top: 2px solid #E5E7EB !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
}

/* Block Proceed to Checkout Button - Extended Selectors */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart .wc-block-components-button:not(.wc-block-components-quantity-selector__button),
.wc-block-checkout .wc-block-components-button:not(.wc-block-components-quantity-selector__button),
.wc-block-cart .wp-element-button:not(.wc-block-components-quantity-selector__button),
.wc-block-checkout .wp-element-button:not(.wc-block-components-quantity-selector__button),
.wc-block-cart button.wc-block-components-button[type="submit"],
.wc-block-checkout button.wc-block-components-button[type="submit"] {
    width: 100% !important;
    height: 54px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: white !important;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
    border: none !important;
    border-radius: var(--card-radius-sm) !important;
    box-shadow: 0 4px 14px rgba(20, 184, 166, 0.35) !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
    cursor: pointer !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart .wc-block-components-button:not(.wc-block-components-quantity-selector__button):hover,
.wc-block-checkout .wc-block-components-button:not(.wc-block-components-quantity-selector__button):hover,
.wc-block-cart .wp-element-button:not(.wc-block-components-quantity-selector__button):hover,
.wc-block-checkout .wp-element-button:not(.wc-block-components-quantity-selector__button):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 184, 166, 0.45) !important;
}

/* Block Checkout Page */
.wc-block-checkout {
    padding: var(--page-gutter);
    max-width: 1200px;
    margin: 0 auto;
}

.wc-block-checkout__main {
    background: var(--color-bg-card);
    border-radius: var(--card-radius);
    padding: var(--page-gutter-lg);
    box-shadow: var(--card-shadow);
}

.wc-block-checkout__sidebar {
    position: sticky;
    top: 100px;
}

/* Block Checkout Form Fields */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox .components-combobox-control__input {
    height: 48px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 12px !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1) !important;
    outline: none !important;
}

.wc-block-components-text-input label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4B5563 !important;
}

/* Block Checkout Country Select - Hidden (TR only) */
.wc-block-components-country-input {
    display: none !important;
}

/* Block Payment Methods */
.wc-block-components-radio-control__option {
    background: #F9FAFB;
    border: 2px solid transparent;
    border-radius: 14px;
    padding: 16px !important;
    margin-bottom: 10px;
    transition: all 0.15s;
}

.wc-block-components-radio-control__option--checked {
    background: rgba(20, 184, 166, 0.05);
    border-color: var(--color-primary);
}

.wc-block-components-radio-control__label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

/* Block Notice Banner - Premium Style */
.wc-block-components-notice-banner {
    padding: 16px 20px !important;
    border-radius: 14px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.wc-block-components-notice-banner.is-info {
    background: #FEF3C7 !important;
    color: #92400E !important;
}

.wc-block-components-notice-banner.is-error {
    background: #FEE2E2 !important;
    color: #991B1B !important;
}

.wc-block-components-notice-banner.is-success {
    background: #ECFDF5 !important;
    color: #065F46 !important;
}

.wc-block-components-notice-banner__content {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* No Payment Methods Notice - Premium */
.wc-block-checkout__no-payment-methods,
.woocommerce-no-available-payment-methods,
.wc-block-components-notice-banner--payment {
    background: #FEF3C7 !important;
    border: 2px solid #FCD34D !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #92400E !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Block Order Summary */
.wc-block-components-order-summary {
    background: var(--color-bg-card);
    border-radius: var(--card-radius);
    padding: var(--page-gutter-lg);
    box-shadow: var(--card-shadow);
}

.wc-block-components-order-summary__button {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

.wc-block-components-order-summary-item__image img {
    border-radius: 10px !important;
}

.wc-block-components-order-summary-item__description {
    font-size: 14px !important;
}

/* ==========================================================================
   LEGAL CHECKBOXES - CHECKOUT
   ========================================================================== */

.almira-legal-checkboxes {
    margin: 20px 0;
    padding: 20px;
    background: #F9FAFB;
    border-radius: 14px;
}

.almira-legal-row {
    margin-bottom: 14px !important;
}

.almira-legal-row:last-child {
    margin-bottom: 0 !important;
}

.almira-legal-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    cursor: pointer;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.almira-legal-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.almira-checkbox-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: 2px solid #D1D5DB;
    border-radius: 6px;
    background: white;
    transition: all 0.15s;
    margin-top: 1px;
}

.almira-legal-label input:checked + .almira-checkbox-box {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.almira-legal-label input:checked + .almira-checkbox-box::after {
    content: '';
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -2px;
}

.almira-legal-text {
    flex: 1;
    color: var(--color-text);
}

.almira-legal-link {
    color: var(--color-primary) !important;
    font-weight: 600;
    text-decoration: underline !important;
}

.almira-legal-link:hover {
    text-decoration: none !important;
}

.almira-legal-text .required {
    color: #EF4444;
    font-weight: 400;
}

/* ==========================================================================
   LEGAL MODALS
   ========================================================================== */

.almira-legal-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
}

.almira-legal-modal[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
}

.almira-legal-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.almira-legal-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    background: var(--color-bg-card);
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    transform: translateY(20px);
    transition: transform 0.25s;
}

.almira-legal-modal[aria-hidden="false"] .almira-legal-modal__dialog {
    transform: translateY(0);
}

.almira-legal-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.almira-legal-modal__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
}

.almira-legal-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #6B7280;
    background: #F3F4F6;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
}

.almira-legal-modal__close:hover {
    color: var(--color-text);
    background: #E5E7EB;
}

.almira-legal-modal__body {
    flex: 1;
    padding: 24px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.7;
    color: #4B5563;
}

.almira-legal-modal__body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    margin: 24px 0 12px;
}

.almira-legal-modal__body h3:first-child {
    margin-top: 0;
}

.almira-legal-modal__body p {
    margin: 0 0 12px;
}

.almira-legal-modal__body ul {
    margin: 0 0 12px;
    padding-left: 20px;
}

.almira-legal-modal__body li {
    margin-bottom: 6px;
}

.almira-legal-modal__footer {
    padding: 16px 24px;
    border-top: 1px solid #E5E7EB;
}

.almira-legal-modal__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    font-size: 15px;
    font-weight: 700;
    color: white;
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}

.almira-legal-modal__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(20, 184, 166, 0.35);
}

/* Legal Table */
.legal-table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 13px;
}

.legal-table th,
.legal-table td {
    padding: 10px 12px;
    text-align: left;
    border: 1px solid #E5E7EB;
}

.legal-table th {
    background: #F9FAFB;
    font-weight: 600;
    color: var(--color-text);
}

.legal-table tfoot td {
    background: #F9FAFB;
}

.legal-table .total-row td {
    background: #ECFDF5;
    font-weight: 700;
}

/* Legal Notice */
.legal-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #FEF3C7;
    border-radius: 10px;
    font-size: 13px;
    color: #92400E;
    margin-bottom: 20px;
}

.legal-dynamic-note {
    font-style: italic;
    color: #6B7280;
    font-size: 13px;
}

/* ==========================================================================
   DARK MODE - BLOCKS & LEGAL
   ========================================================================== */

html[data-theme="dark"] .wc-block-cart__main,
html[data-theme="dark"] .wc-block-components-totals-wrapper,
html[data-theme="dark"] .wc-block-checkout__main,
html[data-theme="dark"] .wc-block-components-order-summary,
html[data-theme="dark"] .almira-legal-modal__dialog,
body[data-theme="dark"] .wc-block-cart__main,
body[data-theme="dark"] .wc-block-components-totals-wrapper,
body[data-theme="dark"] .wc-block-checkout__main,
body[data-theme="dark"] .wc-block-components-order-summary,
body[data-theme="dark"] .almira-legal-modal__dialog {
    background: var(--color-bg-card);
}

html[data-theme="dark"] .wc-block-components-text-input input,
html[data-theme="dark"] .wc-block-components-quantity-selector,
html[data-theme="dark"] .wc-block-components-radio-control__option,
html[data-theme="dark"] .almira-legal-checkboxes,
html[data-theme="dark"] .legal-table th,
html[data-theme="dark"] .legal-table tfoot td,
body[data-theme="dark"] .wc-block-components-text-input input,
body[data-theme="dark"] .wc-block-components-quantity-selector,
body[data-theme="dark"] .wc-block-components-radio-control__option,
body[data-theme="dark"] .almira-legal-checkboxes,
body[data-theme="dark"] .legal-table th,
body[data-theme="dark"] .legal-table tfoot td {
    background: #1F2937 !important;
}

html[data-theme="dark"] .almira-checkbox-box,
body[data-theme="dark"] .almira-checkbox-box {
    background: #374151;
    border-color: #4B5563;
}




/* ==========================================================================
   CART PAGE — PREMIUM v3.1
   ========================================================================== */

/* Hide WP page title on cart/checkout (our templates have custom headers) */
.woocommerce-cart .entry-header,
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-header,
.woocommerce-checkout .entry-title {
    display: none !important;
}

/* ─── WooCommerce Default CSS Reset ─────────────────────────────────────── *
 * WC ships with: .cart-collaterals { width: 48%; float: right }
 *                .cart_totals      { float: right }
 *                .woocommerce-cart-form { width: 48%; float: left }
 * These break our flex/grid layout. Reset ALL of them.
 * ───────────────────────────────────────────────────────────────────────── */

.ac .cart-collaterals,
.woocommerce-cart .ac .cart-collaterals {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
}

.ac .cart_totals,
.woocommerce-cart .ac .cart_totals,
.woocommerce .ac .cart_totals {
    width: 100% !important;
    float: none !important;
}

.ac form.woocommerce-cart-form,
.woocommerce-cart .ac form.woocommerce-cart-form {
    width: 100% !important;
    float: none !important;
}

.ac table.shop_table,
.woocommerce-cart .ac table.shop_table {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
}

/* Reset WC form table if it still renders one */
.ac .shop_table td,
.ac .shop_table th {
    border: none !important;
    padding: 0 !important;
}

/* Reset any WC cart cross-sells default width */
.ac .cross-sells {
    width: 100% !important;
    float: none !important;
}

/* Reset WC default button styles on our CTA */
.woocommerce .ac a.button,
.woocommerce .ac a.button.alt,
.woocommerce .ac a.button.alt.wc-forward,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    text-align: center !important;
    text-indent: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    font-style: normal !important;
}

/* ==========================================================================
   GIFT SECTION OVERRIDES — Milestone Grid v4 (backup for plugin cache)
   ========================================================================== */

.abc-gifts {
    background: linear-gradient(135deg, #FFFBEB, #FEF3C7) !important;
    border: 1.5px solid #FCD34D !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.abc-gifts__head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.abc-gifts__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #92400E !important;
    margin: 0 !important;
    text-align: left !important;
    display: block !important;
}

.abc-gifts__track {
    position: relative !important;
    height: 6px !important;
    background: rgba(255,255,255,0.7) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
}

.abc-gifts__fill {
    position: absolute !important;
    top: 0; left: 0;
    height: 100% !important;
    background: linear-gradient(90deg, #F59E0B, #D97706) !important;
    border-radius: 6px !important;
}

/* Milestone grid */
.abc-gifts__milestones {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.abc-gifts__ms {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
}

.abc-gifts__ms-check {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.abc-gifts__ms--earned .abc-gifts__ms-check { background: #10B981 !important; color: #fff !important; }
.abc-gifts__ms--next .abc-gifts__ms-check { background: linear-gradient(135deg, #F59E0B, #D97706) !important; color: #fff !important; }
.abc-gifts__ms--locked .abc-gifts__ms-check { background: #E5E7EB !important; color: #9CA3AF !important; }

/* Hide old v3 classes if cached HTML */
.abc-gifts__pills,
.abc-gifts__pill,
.abc-gifts__bar,
.abc-gifts__header,
.abc-gifts__progress,
.abc-gifts__progress-track,
.abc-gifts__progress-fill,
.abc-gifts__progress-info,
.abc-gifts__tiers,
.abc-gifts__emoji,
.abc-gifts__dot,
.abc-gifts__dots,
.abc-gifts__labels,
.abc-gifts__label,
.abc-tier {
    display: none !important;
}

@media (max-width: 480px) {
    .abc-gifts { padding: 10px 12px !important; }
    .abc-gifts__milestones { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ─── Gift Cart Item Styles — Premium ────────────── */

.ac-item--gift {
    border: 1.5px solid #6EE7B7 !important;
    background: linear-gradient(135deg, #F0FDF9, #ECFDF5, #F0FDF4) !important;
    position: relative;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.08), 0 2px 8px rgba(16, 185, 129, 0.1) !important;
    padding: 14px !important;
    margin-top: 4px;
}

/* Subtle gradient ribbon at top */
.ac-item--gift::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #10B981, #34D399, #6EE7B7, #34D399, #10B981);
}

.ac-item--gift + .ac-item--gift { margin-top: 8px; }
.ac-item--gift:last-child { border-bottom: none !important; }

.ac-item__badge--gift {
    background: linear-gradient(135deg, #D1FAE5, #A7F3D0) !important;
    color: #065F46 !important;
    border: 1px solid #6EE7B7 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 10px !important;
    border-radius: 8px !important;
}

.ac-item__badge--gift svg {
    color: #059669;
}

.ac-item__total--free {
    color: #059669 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
}

.ac-item__gift-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #D1FAE5;
    color: #065F46;
    font-weight: 700;
    font-size: 13px;
    border-radius: 8px;
}

/* Dark mode gift items */
html[data-theme="dark"] .ac-item--gift {
    background: linear-gradient(135deg, #022C22, #064E3B) !important;
    border-color: #10B981 !important;
    box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.15), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .ac-item--gift::before {
    background: linear-gradient(90deg, #059669, #10B981, #34D399, #10B981, #059669);
}

html[data-theme="dark"] .ac-item__badge--gift {
    background: linear-gradient(135deg, #065F46, #064E3B) !important;
    color: #6EE7B7 !important;
    border-color: #10B981 !important;
}

html[data-theme="dark"] .ac-item__total--free { color: #6EE7B7 !important; }
html[data-theme="dark"] .ac-item__gift-qty { background: #065F46; color: #6EE7B7; }

/* ─── Layout ─────────────────────────────────────────────────────────────── */

.ac {
    max-width: 1320px;
    margin: 0 auto;
    padding: 8px 0;
}

/* Kill parent .container padding on cart page — .ac handles its own */
body.woocommerce-cart .container {
    padding-left: 6px;
    padding-right: 6px;
}

@media (min-width: 480px) {
    body.woocommerce-cart .container {
        padding-left: var(--page-gutter);
        padding-right: var(--page-gutter);
    }
    .ac { padding: 12px 0; }
}

.ac__notices { margin-bottom: 12px; }
.ac__notices:empty { display: none; margin: 0; }

.ac__notices .woocommerce-message,
.ac__notices .woocommerce-info,
.ac__notices .woocommerce-error {
    border-radius: 12px;
    margin-bottom: 8px;
    font-size: 13px;
}

.ac__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ac__primary { flex: 1; min-width: 0; }
.ac__sidebar { width: 100%; }

@media (min-width: 1024px) {
    .ac { padding: 28px var(--page-gutter-lg); }
    .ac__grid {
        flex-direction: row;
        align-items: flex-start;
        gap: 28px;
    }
    .ac__sidebar {
        width: 420px;
        flex-shrink: 0;
        position: sticky;
        top: 90px;
    }
}

/* ─── Header ─────────────────────────────────────────────────────────────── */

.ac__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.ac__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--color-text);
    margin: 0;
    line-height: 1.2;
}

.ac__title-count {
    font-weight: 500;
    color: var(--color-text-muted);
    font-size: 18px;
}

.ac__back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-muted);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s;
}

.ac__back:hover { color: var(--color-primary); }

@media (min-width: 768px) {
    .ac__title { font-size: 26px; }
    .ac__title-count { font-size: 22px; }
}

/* ─── Free Shipping Progress ─────────────────────────────────────────────── */

.ac-ship {
    background: var(--color-bg-card);
    border: 1.5px solid var(--color-border);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
    transition: border-color 0.3s, background 0.3s;
}

.ac-ship--ok {
    border-color: var(--color-success);
    background: linear-gradient(135deg, #ECFDF5, #D1FAE5);
}

.ac-ship__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ac-ship__icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.ac-ship:not(.ac-ship--ok) .ac-ship__icon {
    background: #FEF3C7;
    color: #D97706;
}

.ac-ship--ok .ac-ship__icon {
    background: #D1FAE5;
    color: #059669;
}

.ac-ship__text {
    flex: 1;
    min-width: 0;
}

.ac-ship__label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.3;
}

.ac-ship--ok .ac-ship__label { color: #065F46; }

.ac-ship__label strong {
    color: var(--color-primary);
}

.ac-ship--ok .ac-ship__label strong { color: #059669; }

.ac-ship__sub {
    display: block;
    font-size: 12px;
    color: var(--color-text-muted);
    margin-top: 2px;
}

.ac-ship--ok .ac-ship__sub { color: #047857; }

.ac-ship__bar {
    height: 8px;
    background: var(--color-bg-light);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.ac-ship--ok .ac-ship__bar { background: rgba(255,255,255,0.5); }

.ac-ship__fill {
    height: 100%;
    border-radius: 8px;
    transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
}

.ac-ship:not(.ac-ship--ok) .ac-ship__fill {
    background: linear-gradient(90deg, #F59E0B, #D97706);
}

.ac-ship--ok .ac-ship__fill {
    background: linear-gradient(90deg, #10B981, #059669);
}

.ac-ship__fill::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation: ac-shimmer 2s ease-in-out infinite;
}

@keyframes ac-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* ─── Cart Items Container ───────────────────────────────────────────────── */

.ac__items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ─── Cart Item ──────────────────────────────────────────────────────────── */

.ac-item {
    display: flex;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--color-border);
    position: relative;
}

.ac-item:first-child { padding-top: 0; }
.ac-item:last-child { border-bottom: none; }

/* Thumbnail */
.ac-item__img {
    width: 90px;
    flex-shrink: 0;
}

.ac-item__img a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-bg-light);
    border: 1px solid var(--color-border);
}

.ac-item__img img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    object-fit: cover;
    display: block;
}

/* Body */
.ac-item__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ac-item__name {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.4;
    padding-right: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ac-item__name a {
    color: inherit;
    text-decoration: none;
}

.ac-item__name a:hover { color: var(--color-primary); }

/* Variant / meta info */
.ac-item__meta {
    font-size: 12px;
    color: var(--color-text-muted);
    line-height: 1.4;
}

.ac-item__meta dt { display: inline; font-weight: 500; }
.ac-item__meta dd { display: inline; margin: 0; }

/* FBT Set badge */
.ac-item__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #7C3AED;
    background: #EDE9FE;
    border-radius: 6px;
    width: fit-content;
}

/* Actions row */
.ac-item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

/* Qty Control */
.ac-item__qty .quantity {
    display: inline-flex;
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 10px;
    border: 1.5px solid var(--color-border);
    overflow: hidden;
    height: 36px;
}

.ac-item__qty .quantity input[type="number"] {
    width: 36px;
    height: 100%;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    -moz-appearance: textfield;
    padding: 0;
}

.ac-item__qty .quantity input::-webkit-outer-spin-button,
.ac-item__qty .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Price column */
.ac-item__prices {
    text-align: right;
    flex-shrink: 0;
}

.ac-item__total {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    display: block;
}

.ac-item__unit {
    font-size: 11px;
    color: var(--color-text-muted);
    display: block;
    margin-top: 2px;
}

.ac-item__prices del {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-muted);
}

.ac-item__prices ins {
    text-decoration: none;
    color: var(--color-primary);
}

.ac-item__save {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 600;
    color: #059669;
    margin-top: 2px;
}

/* Remove button */
.ac-item__rm {
    position: absolute;
    top: 16px;
    right: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--color-text-light);
    text-decoration: none;
    transition: all 0.15s;
}

.ac-item:first-child .ac-item__rm { top: 0; }

.ac-item__rm:hover {
    background: #FEF2F2;
    color: #EF4444;
}

/* ─── Update Cart Button (hidden, auto-submit via JS) ────────────────────── */

.ac__update { display: none; }

/* ─── Desktop responsive ─────────────────────────────────────────────────── */

@media (min-width: 768px) {
    .ac-item__img { width: 100px; }
    .ac-item__name { font-size: 15px; }
    .ac-item__total { font-size: 16px; }
}

/* ==========================================================================
   SIDEBAR — ORDER SUMMARY v3 (Premium Receipt)
   ========================================================================== */

.ac-summary {
    background: var(--color-bg-card);
    border: 1.5px solid var(--color-border);
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* Header band */
.ac-summary__head {
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-light);
}

.ac-summary__title {
    font-size: 15px;
    font-weight: 800;
    color: var(--color-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ac-summary__title svg { color: var(--color-text-muted); flex-shrink: 0; }

/* Body */
.ac-summary__body {
    padding: 16px 20px 20px;
}

/* ─── Coupon (inline, compact) ───────────────────────────────────────────── */

.ac-coupon {
    border: none;
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    margin: 0 0 14px 0;
    padding-bottom: 14px;
    overflow: visible;
}

.ac-coupon__toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    transition: opacity 0.15s;
}

.ac-coupon__toggle::-webkit-details-marker { display: none; }
.ac-coupon__toggle::marker { display: none; content: ''; }

.ac-coupon__toggle:hover { opacity: 0.8; }

.ac-coupon__toggle svg:first-child {
    color: var(--color-primary);
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}

.ac-coupon__toggle span { flex: 1; }

.ac-coupon__chevron {
    transition: transform 0.2s;
    color: var(--color-text-muted);
    width: 14px;
    height: 14px;
}

details.ac-coupon[open] .ac-coupon__chevron {
    transform: rotate(180deg);
}

.ac-coupon__content {
    padding: 10px 0 0;
}

.ac-coupon__row {
    display: flex;
    gap: 6px;
}

.ac-coupon__input {
    flex: 1;
    min-width: 0;
    height: 36px;
    border: 1.5px solid var(--color-border);
    border-radius: 8px;
    padding: 0 10px;
    font-size: 12px;
    color: var(--color-text);
    background: var(--color-bg-card);
    outline: none;
    transition: border-color 0.2s;
}

.ac-coupon__input:focus { border-color: var(--color-primary); }
.ac-coupon__input::placeholder { color: var(--color-text-light); }

.ac-coupon__btn {
    height: 36px;
    padding: 0 14px;
    border: none;
    border-radius: 8px;
    background: var(--color-text);
    color: var(--color-text-inverse);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.15s;
}

.ac-coupon__btn:hover { opacity: 0.85; }

/* ─── Price Flow (receipt lines) ─────────────────────────────────────────── */

.ac-flow {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ac-flow__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 7px 0;
    font-size: 13px;
    line-height: 1.3;
}

.ac-flow__label {
    color: var(--color-text-muted);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
}

.ac-flow__value {
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
    text-align: right;
    flex-shrink: 0;
}

/* Market price */
.ac-flow__row--market {
    padding: 6px 0;
}

.ac-flow__row--market .ac-flow__label {
    color: var(--color-text-light);
    font-size: 12px;
}

.ac-flow__row--market .ac-flow__value {
    color: var(--color-text-light);
    text-decoration: line-through;
    font-weight: 500;
    font-size: 12px;
}

/* Discount rows */
.ac-flow__row--discount {
    padding: 4px 0;
}

.ac-flow__row--discount .ac-flow__label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #059669;
    font-weight: 600;
    font-size: 12px;
}

.ac-flow__row--discount .ac-flow__value {
    color: #059669;
    font-weight: 700;
    font-size: 13px;
}

/* Separator */
.ac-flow__sep {
    height: 1px;
    background: var(--color-border);
    margin: 6px 0;
}

/* Subtotal row */
.ac-flow__row--sub {
    padding: 8px 0;
}

.ac-flow__row--sub .ac-flow__label {
    color: var(--color-text);
    font-weight: 700;
}

.ac-flow__row--sub .ac-flow__value {
    font-weight: 700;
    font-size: 14px;
}

/* Free shipping */
.ac-flow__row--free .ac-flow__value {
    color: var(--color-success);
    font-weight: 700;
}

/* ─── Total Block ────────────────────────────────────────────────────────── */

.ac-total {
    margin-top: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #0F766E 0%, #0D9488 50%, #14B8A6 100%);
    border-radius: 12px;
    border: none;
}

.ac-total__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ac-total__label {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ac-total__value {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.ac-total__value strong,
.ac-total__value .woocommerce-Price-amount { color: #fff; font-size: inherit; }
.ac-total__value small.includes_tax { display: none; }

/* ─── Savings Pill ───────────────────────────────────────────────────────── */

.ac-saved {
    background: #ECFDF5;
    border: 1px solid #D1FAE5;
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 12px;
    text-align: center;
}

.ac-saved__text {
    font-size: 12px;
    font-weight: 700;
    color: #059669;
    line-height: 1.5;
}

.ac-saved__text svg {
    display: inline !important;
    vertical-align: -2px;
    margin-right: 3px;
    width: 14px;
    height: 14px;
}

/* Ensure wc_price spans stay inline */
.ac-saved__text .woocommerce-Price-amount,
.ac-saved__text bdi,
.ac-saved__text span {
    display: inline !important;
}

/* ─── CTA ────────────────────────────────────────────────────────────────── */

.ac-summary__cta {
    margin-top: 16px;
}

.ac-summary__cta .checkout-button,
.ac-summary__cta a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .ac-summary__cta a.checkout-button,
.woocommerce a.checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100% !important;
    height: 54px;
    padding: 0 20px !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #F97316 0%, #EA580C 50%, #DC2626 100%) !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    font-family: inherit !important;
    border: none !important;
    border-radius: 14px !important;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: 0.03em;
    line-height: 1 !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

/* Shine effect */
.ac-summary__cta .checkout-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transition: left 0.5s;
    pointer-events: none;
}

.ac-summary__cta .checkout-button:hover::before {
    left: 120%;
}

.ac-summary__cta .checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.5);
}

.ac-summary__cta .checkout-button:active {
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);
}

.ac-summary__cta .checkout-button svg {
    flex-shrink: 0;
    display: inline-block;
}

/* ─── Trust ───────────────────────────────────────────────────────────────── */

.ac-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 12px;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-light);
}

.ac-trust svg { flex-shrink: 0; }

.ac-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border);
}

.ac-badges__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-text-light);
    text-align: center;
}

.ac-badges__item svg { color: var(--color-text-muted); }

/* ─── Mobile Sticky Bottom CTA ──────────────────────────────────────────── */

.ac-mobile-cta {
    display: none;
}

@media (max-width: 1024px) {
    .ac-mobile-cta {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--color-bg-card);
        border-top: 1px solid var(--color-border);
        padding: 12px var(--page-gutter);
        z-index: 400;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }

    .ac-mobile-cta__inner {
        display: flex;
        align-items: center;
        gap: 14px;
        max-width: 600px;
        margin: 0 auto;
    }

    .ac-mobile-cta__info {
        flex: 1;
        min-width: 0;
    }

    .ac-mobile-cta__label {
        font-size: 11px;
        color: var(--color-text-muted);
        font-weight: 500;
    }

    .ac-mobile-cta__total {
        font-size: 18px;
        font-weight: 800;
        color: var(--color-text);
    }

    .ac-mobile-cta__total small.includes_tax { display: none; }

    .ac-mobile-cta__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 48px;
        padding: 0 28px;
        background: linear-gradient(135deg, var(--color-cta), var(--color-cta-hover));
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 800;
        border: none;
        border-radius: 12px;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);
    }

    /* Add bottom padding to page for sticky CTA */
    .ac { padding-bottom: 80px; }
}

/* ==========================================================================
   CART EMPTY
   ========================================================================== */

.ac-empty {
    text-align: center;
    padding: 60px 20px 80px;
    max-width: 440px;
    margin: 0 auto;
}

.ac-empty__icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 24px;
    background: var(--color-bg-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
}

.ac-empty__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 12px;
}

.ac-empty__text {
    font-size: 15px;
    color: var(--color-text-muted);
    margin: 0 0 28px;
    line-height: 1.6;
}

.ac-empty__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 0 32px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(20, 184, 166, 0.3);
    transition: all 0.2s;
}

.ac-empty__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(20, 184, 166, 0.4);
    color: #FFFFFF;
}

/* ==========================================================================
   DARK MODE — CART
   ========================================================================== */

html[data-theme="dark"] .ac-ship:not(.ac-ship--ok) {
    background: #1F2937;
    border-color: #374151;
}

html[data-theme="dark"] .ac-ship:not(.ac-ship--ok) .ac-ship__icon {
    background: #374151;
}

html[data-theme="dark"] .ac-ship--ok {
    background: linear-gradient(135deg, #064E3B, #065F46);
    border-color: #10B981;
}

html[data-theme="dark"] .ac-summary {
    background: #1F2937;
    border-color: #374151;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

html[data-theme="dark"] .ac-summary__head {
    background: rgba(255,255,255,0.04);
    border-bottom-color: #374151;
}

html[data-theme="dark"] .ac-coupon {
    border-color: #374151;
}

html[data-theme="dark"] .ac-coupon__input {
    background: #374151;
    border-color: #4B5563;
    color: #F9FAFB;
}

html[data-theme="dark"] .ac-coupon__btn {
    background: #F9FAFB;
    color: #111827;
}

html[data-theme="dark"] .ac-total {
    background: linear-gradient(135deg, #0F766E 0%, #0D9488 50%, #14B8A6 100%);
    border: none;
}

html[data-theme="dark"] .ac-saved {
    background: #064E3B;
    border-color: #065F46;
}

html[data-theme="dark"] .ac-saved__text { color: #6EE7B7; }

html[data-theme="dark"] .ac-item__img a {
    background: #374151;
    border-color: #4B5563;
}

html[data-theme="dark"] .ac-item__rm:hover {
    background: #374151;
}

html[data-theme="dark"] .ac-mobile-cta {
    background: #1F2937;
    border-color: #374151;
}

html[data-theme="dark"] .ac-empty__icon {
    background: #374151;
}

html[data-theme="dark"] .ac-badges {
    border-color: #374151;
}

/* ==========================================================================
   CRO v3 — MOBILE STICKY CTA BAR
   ========================================================================== */

/* ==========================================================================
   CUSTOMER REVIEWS SECTION
   ========================================================================== */

.reviews-section {
    padding: var(--spacing-3xl) 0;
    background: linear-gradient(180deg, #FAFAFA 0%, #fff 100%);
}

.section-header--center {
    text-align: center;
    margin-bottom: var(--spacing-xl);
}

.section-header-badge {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(20,184,166,0.08), rgba(20,184,166,0.15));
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 100px;
    margin-bottom: var(--spacing-sm);
}

.section-header--center .section-title {
    font-size: var(--font-size-2xl);
    margin-bottom: 8px;
}

.section-header--center .section-subtitle {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.reviews-summary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: var(--spacing-md);
    padding: 8px 20px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.04);
}

.reviews-summary__stars {
    color: #F59E0B;
    font-size: 16px;
    letter-spacing: 1px;
}

.reviews-summary__score {
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
    letter-spacing: -0.02em;
}

.reviews-summary__score span {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-muted);
}

.reviews-summary__source {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted);
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.review-card {
    background: #fff;
    border-radius: 16px;
    padding: var(--spacing-lg);
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.25s ease, box-shadow 0.25s;
}

.review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.review-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.review-card__avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), #0D9488);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
}

.review-card__author {
    flex: 1;
    min-width: 0;
}

.review-card__name {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
}

.review-card__meta {
    font-size: 11px;
    color: var(--color-text-muted);
}

.review-card__google {
    flex-shrink: 0;
    opacity: 0.6;
}

.review-card__stars {
    color: #F59E0B;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.review-card__text {
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text);
    margin: 0 0 10px;
}

.review-card__product {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: var(--color-text-muted);
    background: var(--color-bg-light);
    padding: 4px 10px;
    border-radius: 100px;
}

.review-card__product svg {
    color: var(--color-primary);
}

.reviews-cta {
    text-align: center;
}

.reviews-cta__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    text-decoration: none;
    border: 1.5px solid rgba(0,0,0,0.1);
    border-radius: 100px;
    background: #fff;
    transition: all 0.2s ease;
}

.reviews-cta__link:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: 0 4px 16px rgba(20,184,166,0.12);
}

/* ==========================================================================
   BRAND STORY SECTION
   ========================================================================== */

.brand-story-section {
    padding: var(--spacing-3xl) 0;
    background: #fff;
}

.brand-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
}

.brand-story__title {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--color-text);
    margin: var(--spacing-sm) 0 var(--spacing-lg);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.brand-story__text {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-text-muted);
    margin: 0 0 var(--spacing-md);
}

.brand-story__values {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-top: var(--spacing-xl);
}

.brand-value {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
}

.brand-value__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(20,184,166,0.08), rgba(20,184,166,0.15));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-primary);
}

.brand-value strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 2px;
}

.brand-value span {
    font-size: 13px;
    color: var(--color-text-muted);
}

.brand-story__visual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
}

.brand-story__card {
    background: linear-gradient(135deg, #F0FDFA 0%, #ECFDF5 100%);
    border-radius: 20px;
    padding: var(--spacing-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(20,184,166,0.08);
    transition: transform 0.25s ease;
}

.brand-story__card:hover {
    transform: translateY(-3px);
}

.brand-story__card--accent {
    background: linear-gradient(135deg, var(--color-primary), #0D9488);
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.brand-story__stat {
    text-align: center;
}

.brand-story__stat-number {
    display: block;
    font-size: 24px;
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.brand-story__stat-label {
    font-size: 13px;
    color: var(--color-text-muted);
    font-weight: 500;
}

.brand-story__location {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.brand-story__location strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
}

.brand-story__location span {
    display: block;
    font-size: 13px;
    opacity: 0.85;
}

/* ==========================================================================
   CRO v3 — SECTION ENTRANCE ANIMATIONS (scroll-triggered via JS)
   ========================================================================== */

.home-page .age-groups-section,
.home-page .categories-section,
.home-page .best-sellers-section,
.home-page .new-arrivals-section,
.home-page .flash-sale-section,
.home-page .social-proof-section,
.home-page .reviews-section,
.home-page .brand-story-section,
.home-page .newsletter-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.32,0.72,0,1);
}

.home-page .is-in-view {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   CRO v3 — ENHANCED PRODUCT CARD QUICK-ADD VISIBILITY
   ========================================================================== */

/* On desktop, show quick-add on hover with slide-up */
@media (min-width: 768px) {
    .product-card__quick-add {
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s, color 0.2s;
    }
    .product-card:hover .product-card__quick-add {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   CRO v3 — DARK MODE FOR NEW ELEMENTS
   ========================================================================== */

html[data-theme="dark"] .review-card {
    background: #1F2937;
    border-color: #374151;
}

html[data-theme="dark"] .review-card__avatar {
    background: linear-gradient(135deg, #0D9488, #115E59);
}

html[data-theme="dark"] .reviews-summary {
    background: #1F2937;
    border-color: #374151;
}

html[data-theme="dark"] .reviews-section {
    background: linear-gradient(180deg, #111827 0%, #1F2937 100%);
}

html[data-theme="dark"] .reviews-cta__link {
    background: #1F2937;
    border-color: #374151;
    color: #F3F4F6;
}

html[data-theme="dark"] .brand-story-section {
    background: #111827;
}

html[data-theme="dark"] .brand-story__card {
    background: linear-gradient(135deg, #1F2937, #111827);
    border-color: #374151;
}

html[data-theme="dark"] .brand-value__icon {
    background: rgba(20,184,166,0.15);
}

html[data-theme="dark"] .section-header-badge {
    background: rgba(20,184,166,0.15);
}

html[data-theme="dark"] .review-card__product {
    background: #374151;
}

/* ==========================================================================
   CRO v3 — BETTER SECTION SPACING & VISUAL FLOW
   ========================================================================== */

/* Subtle top divider between sections */
.best-sellers-section,
.new-arrivals-section {
    border-top: 1px solid rgba(0,0,0,0.04);
}

html[data-theme="dark"] .best-sellers-section,
html[data-theme="dark"] .new-arrivals-section {
    border-top-color: rgba(255,255,255,0.06);
}

/* ==========================================================================
   RESPONSIVE — REVIEWS & BRAND STORY
   ========================================================================== */

@media (max-width: 1024px) {
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .brand-story {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
    }

    .brand-story__visual {
        grid-template-columns: repeat(3, 1fr);
    }

    .brand-story__card--accent {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .social-proof-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .social-proof-item {
        padding: 8px 10px;
        gap: 8px;
    }

    .social-proof-icon svg {
        width: 16px;
        height: 16px;
    }

    .social-proof-text {
        font-size: 10px;
    }

    .social-proof-text strong {
        font-size: 12px;
    }

    .reviews-grid {
        grid-template-columns: 1fr;
    }

    .brand-story__visual {
        grid-template-columns: repeat(2, 1fr);
    }

    .brand-story__card--accent {
        grid-column: 1 / -1;
    }

    .brand-story__title {
        font-size: var(--font-size-xl);
    }
}

@media (max-width: 480px) {
    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .brand-story__visual {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==========================================================================
   PREMIUM DESIGN POLISH
   ========================================================================== */

/* Premium section headers */
.section-header {
    position: relative;
}

.section-title {
    letter-spacing: -0.02em;
}

/* Refined product card hover */
.product-card {
    border-radius: 14px;
}

.product-card__title {
    font-size: 13px;
    -webkit-line-clamp: 2;
}

/* Premium hero section */
.hero-title__main {
    letter-spacing: -0.03em;
}

/* Elegant newsletter */
.newsletter-section {
    position: relative;
    overflow: hidden;
}

.newsletter-card {
    position: relative;
    z-index: 1;
}

/* ==========================================================================
   MOBILE BOTTOM NAVBAR — Site-wide (Trendyol/HB style)
   ========================================================================== */

.mobile-navbar {
    display: none; /* hidden on desktop */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 350; /* between z-fixed(300) and z-modal-backdrop(400) — below drawer */
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
    justify-content: space-around;
    align-items: center;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-navbar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #6B7280;
    font-size: 10px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 8px;
    transition: color 0.2s;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    min-width: 52px;
}

.mobile-navbar__item:active {
    background: rgba(0,0,0,0.04);
}

.mobile-navbar__item.is-active {
    color: var(--color-primary, #0D9488);
}

.mobile-navbar__item.is-active .mobile-navbar__icon svg {
    stroke-width: 2.5;
}

.mobile-navbar__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.mobile-navbar__icon svg {
    width: 22px;
    height: 22px;
}

.mobile-navbar__badge {
    position: absolute;
    top: -4px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--color-cta, #EF4444);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(239,68,68,0.3);
    animation: badgePop 0.3s cubic-bezier(0.34,1.56,0.64,1);
}

.mobile-navbar__badge[hidden] {
    display: none !important;
}

@keyframes badgePop {
    0% { transform: scale(0); }
    100% { transform: scale(1); }
}

.mobile-navbar__label {
    font-size: 10px;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* Show only on mobile (max-width: 768px) */
@media (max-width: 768px) {
    .mobile-navbar {
        display: flex;
    }

    /* Add bottom padding to body so content isn't hidden behind navbar */
    body {
        padding-bottom: 64px;
    }

    /* Hide desktop mega menu on mobile (already done in theme) */
}

/* Prevent overlap with PDP sticky bar */
@media (max-width: 768px) {
    .pdp-sticky {
        bottom: 49px;
    }
}

/* Dark mode */
html[data-theme="dark"] .mobile-navbar,
body[data-theme="dark"] .mobile-navbar {
    background: #1F2937;
    border-top-color: #374151;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.3);
}

html[data-theme="dark"] .mobile-navbar__item,
body[data-theme="dark"] .mobile-navbar__item {
    color: #9CA3AF;
}

html[data-theme="dark"] .mobile-navbar__item.is-active,
body[data-theme="dark"] .mobile-navbar__item.is-active {
    color: var(--color-primary, #14B8A6);
}

html[data-theme="dark"] .mobile-navbar__item:active,
body[data-theme="dark"] .mobile-navbar__item:active {
    background: rgba(255,255,255,0.05);
}

/* ==========================================================================
   HIDE COMPANION FLOATING CART — replaced by mobile navbar
   ========================================================================== */
.abc-floating-cart {
    display: none !important;
}

/* ==========================================================================
   CATEGORIES PAGE — Premium v2
   Hero banner, gradient cards, staggered animation, glass pills
   ========================================================================== */

/* ── Hero ── */
.catpage-hero {
    position: relative;
    padding: 48px 0 36px;
    background: linear-gradient(160deg, #f0fdfa 0%, #e0f7fa 40%, #e8f5e9 100%);
    overflow: hidden;
}

.catpage-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.catpage-hero__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
}

.catpage-hero__orb--1 {
    width: 320px;
    height: 320px;
    background: rgba(13, 148, 136, 0.18);
    top: -80px;
    right: -60px;
    animation: catOrbFloat 8s ease-in-out infinite;
}

.catpage-hero__orb--2 {
    width: 220px;
    height: 220px;
    background: rgba(251, 191, 36, 0.15);
    bottom: -60px;
    left: 10%;
    animation: catOrbFloat 10s ease-in-out infinite reverse;
}

@keyframes catOrbFloat {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(20px, -15px) scale(1.08); }
}

.catpage-crumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    margin-bottom: 16px;
}

.catpage-crumb a {
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color 0.2s;
}

.catpage-crumb a:hover { color: var(--color-primary); }

.catpage-crumb span { color: var(--color-text-primary); font-weight: 600; }

.catpage-hero__title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-text-primary);
    margin: 0 0 8px;
    letter-spacing: -0.02em;
}

.catpage-hero__desc {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    margin: 0 0 20px;
    max-width: 520px;
    line-height: 1.55;
}

.catpage-hero__pills {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.catpage-hero__pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 999px;
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    font-weight: 500;
}

.catpage-hero__pill strong {
    color: var(--color-text-primary);
    font-weight: 700;
}

/* ── Filters ── */
.catpage-filters-wrap {
    position: sticky;
    top: 0;
    z-index: 90;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 12px 0;
}

.catpage-filters {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

.catpage-filters::-webkit-scrollbar { display: none; }

.catpage-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--color-text-secondary);
    background: var(--color-surface, #f8fafb);
    border: 1.5px solid transparent;
    transition: all 0.25s;
}

.catpage-pill:hover {
    background: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(13,148,136,0.12);
}

.catpage-pill.is-active {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    box-shadow: 0 2px 12px rgba(13,148,136,0.3);
}

.catpage-pill--sale {
    color: #DC2626;
}

.catpage-pill--sale:hover {
    border-color: #DC2626;
    color: #DC2626;
    box-shadow: 0 2px 8px rgba(220,38,38,0.12);
}

/* ── Grid ── */
.catpage-content {
    padding: 32px 0 48px;
}

.catpage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Card */
.catcard {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-text-primary);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s cubic-bezier(.22,1,.36,1);
    animation: catCardIn 0.5s cubic-bezier(.22,1,.36,1) both;
    animation-delay: var(--card-delay, 0s);
}

@keyframes catCardIn {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.catcard:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
}

/* Large card — first 2 span 2 columns */
.catcard--lg {
    grid-column: span 2;
}

.catcard__visual {
    position: relative;
    width: 100%;
    aspect-ratio: 5/3;
    overflow: hidden;
}

.catcard--lg .catcard__visual {
    aspect-ratio: 16/7;
}

.catcard__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(.22,1,.36,1);
}

.catcard:hover .catcard__img {
    transform: scale(1.06);
}

.catcard__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.04) 100%);
    pointer-events: none;
}

.catcard__gradient {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s;
}

.catcard:hover .catcard__gradient {
    transform: scale(1.04);
}

.catcard__emoji {
    font-size: 3rem;
    line-height: 1;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
    transition: transform 0.4s cubic-bezier(.22,1,.36,1);
}

.catcard--lg .catcard__emoji { font-size: 4rem; }

.catcard:hover .catcard__emoji {
    transform: scale(1.15) rotate(-4deg);
}

/* Body */
.catcard__body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.catcard__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.catcard__name {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.catcard--lg .catcard__name { font-size: 1.1rem; }

.catcard__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--color-surface, #f8fafb);
    color: var(--color-text-muted);
    transition: all 0.3s;
}

.catcard:hover .catcard__arrow {
    background: var(--color-primary);
    color: #fff;
    transform: translate(2px, -2px);
}

.catcard__count {
    font-size: 0.78rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* Sub-category chips */
.catcard__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
}

.catcard__chip {
    font-size: 0.7rem;
    padding: 3px 10px;
    background: var(--color-surface, #f8fafb);
    border-radius: 999px;
    color: var(--color-text-secondary);
    font-weight: 500;
    transition: all 0.2s;
}

.catcard:hover .catcard__chip {
    background: rgba(13,148,136,0.06);
    color: var(--color-primary);
}

.catcard__chip--more {
    font-weight: 700;
    color: var(--color-primary);
    background: rgba(13,148,136,0.08);
}

/* CTA */
.catpage-cta {
    text-align: center;
    margin-top: 40px;
}

.catpage-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 36px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark, #0b7a72) 100%);
    color: #fff;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 4px 16px rgba(13,148,136,0.25);
}

.catpage-cta__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(13,148,136,0.35);
}

.catpage-cta__sub {
    margin: 14px 0 0;
    font-size: 0.8rem;
    color: var(--color-text-muted);
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .catpage-grid { grid-template-columns: repeat(3, 1fr); }
    .catcard--lg { grid-column: span 1; }
    .catcard--lg .catcard__visual { aspect-ratio: 5/3; }
    .catcard--lg .catcard__emoji { font-size: 3rem; }
    .catcard--lg .catcard__name { font-size: 0.95rem; }
}

@media (max-width: 768px) {
    .catpage-hero { padding: 32px 0 24px; }
    .catpage-hero__title { font-size: 1.4rem; }
    .catpage-hero__desc { font-size: 0.85rem; }
    .catpage-hero__pills { gap: 6px; }
    .catpage-hero__pill { padding: 5px 12px; font-size: 0.75rem; }
    .catpage-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .catcard { border-radius: 14px; }
    .catcard__body { padding: 12px 14px 14px; }
    .catcard__name { font-size: 0.85rem; }
    .catcard__emoji { font-size: 2.2rem; }
    .catcard__chips { display: none; }
    .catcard__arrow { width: 24px; height: 24px; }
    .catcard__arrow svg { width: 13px; height: 13px; }
    .catpage-content { padding: 20px 0 40px; }
    .catpage-filters-wrap { padding: 8px 0; }
    .catpage-pill { padding: 6px 14px; font-size: 0.78rem; }
}

/* ── Dark Mode ── */
html[data-theme="dark"] .catpage-hero { background: linear-gradient(160deg, #0f2027 0%, #111827 40%, #1a2e38 100%); }
html[data-theme="dark"] .catpage-hero__orb--1 { background: rgba(13,148,136,0.12); }
html[data-theme="dark"] .catpage-hero__orb--2 { background: rgba(251,191,36,0.08); }
html[data-theme="dark"] .catpage-hero__pill { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .catpage-filters-wrap { background: rgba(17,24,39,0.9); border-color: rgba(255,255,255,0.06); }
html[data-theme="dark"] .catpage-pill { background: #1F2937; color: #9CA3AF; }
html[data-theme="dark"] .catpage-pill:hover { background: #111827; border-color: var(--color-primary); }
html[data-theme="dark"] .catcard { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .catcard__gradient { opacity: 0.8; }
html[data-theme="dark"] .catcard__arrow { background: #374151; }
html[data-theme="dark"] .catcard__chip { background: #374151; color: #9CA3AF; }


/* ==========================================================================
   FAVORITES PAGE — Premium v2
   Animated empty state, skeleton loader, glass trust bar, staggered cards
   ========================================================================== */

/* ── Hero ── */
.favpage-hero {
    position: relative;
    padding: 48px 0 32px;
    background: linear-gradient(160deg, #FFF1F2 0%, #FFE4E6 40%, #FEF2F2 100%);
    overflow: hidden;
}

.favpage-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.favpage-hero__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
}

.favpage-hero__orb--1 {
    width: 280px;
    height: 280px;
    background: rgba(239, 68, 68, 0.15);
    top: -80px;
    right: -40px;
    animation: catOrbFloat 9s ease-in-out infinite;
}

.favpage-hero__orb--2 {
    width: 200px;
    height: 200px;
    background: rgba(236, 72, 153, 0.12);
    bottom: -50px;
    left: 15%;
    animation: catOrbFloat 11s ease-in-out infinite reverse;
}

.favpage-crumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    margin-bottom: 16px;
}

.favpage-crumb a {
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color 0.2s;
}

.favpage-crumb a:hover { color: #EF4444; }
.favpage-crumb span { color: var(--color-text-primary); font-weight: 600; }

.favpage-hero__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.favpage-hero__left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.favpage-hero__title {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.02em;
}

.favpage-hero__heart {
    display: inline-flex;
    animation: heartPulse 2s ease-in-out infinite;
}

@keyframes heartPulse {
    0%, 100% { transform: scale(1); }
    15%      { transform: scale(1.2); }
    30%      { transform: scale(1); }
    45%      { transform: scale(1.15); }
    60%      { transform: scale(1); }
}

.favpage-hero__count {
    font-size: 0.82rem;
    font-weight: 600;
    padding: 5px 14px;
    background: rgba(255,255,255,0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 999px;
    color: var(--color-text-secondary);
}

.favpage-hero__clear {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: 1.5px solid rgba(239,68,68,0.25);
    border-radius: 10px;
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #DC2626;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
}

.favpage-hero__clear:hover {
    background: #FEF2F2;
    border-color: #EF4444;
    transform: translateY(-1px);
}

/* ── Content ── */
.favpage-content {
    padding: 28px 0 48px;
}

/* Skeleton Loader */
.favpage-skel-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.favpage-skel {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
}

.favpage-skel::before {
    content: '';
    display: block;
    aspect-ratio: 3/5;
    background: linear-gradient(110deg, #f5f5f5 30%, #eee 50%, #f5f5f5 70%);
    background-size: 200% 100%;
    animation: skelShimmer 1.5s ease-in-out infinite;
}

@keyframes skelShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Shipping bar */
.favpage-shipping {
    margin-bottom: 20px;
    animation: catCardIn 0.4s ease both;
}

.favpage-shipping__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
    border: 1px solid rgba(16,185,129,0.15);
    border-radius: 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #065F46;
}

.favpage-shipping__inner svg {
    flex-shrink: 0;
    color: #059669;
}

/* ── Product Grid ── */
.fav-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Fav Card */
.favcard {
    position: relative;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s cubic-bezier(.22,1,.36,1), opacity 0.35s;
    animation: catCardIn 0.5s cubic-bezier(.22,1,.36,1) both;
}

.favcard:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.07), 0 2px 6px rgba(0,0,0,0.03);
}

.favcard--removing {
    opacity: 0 !important;
    transform: scale(0.85) translateY(10px) !important;
    pointer-events: none;
}

/* Remove btn */
.favcard__remove {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 50%;
    color: #9CA3AF;
    cursor: pointer;
    transition: all 0.25s;
    opacity: 0;
}

.favcard:hover .favcard__remove {
    opacity: 1;
}

.favcard__remove:hover {
    background: #FEF2F2;
    color: #EF4444;
    border-color: rgba(239,68,68,0.2);
    transform: scale(1.1);
}

.favcard__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.favcard__visual {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
    background: var(--color-surface, #f8fafb);
}

.favcard__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(.22,1,.36,1);
}

.favcard:hover .favcard__visual img {
    transform: scale(1.06);
}

.favcard__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 8px;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 8px rgba(239,68,68,0.3);
}

.favcard__info {
    padding: 14px 16px 10px;
}

.favcard__name {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-text-primary);
}

.favcard__pricing {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
}

.favcard__price {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-primary);
}

.favcard__was {
    font-size: 0.78rem;
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.favcard__stock {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.72rem;
    font-weight: 600;
}

.favcard__stock.in-stock { color: #059669; }
.favcard__stock.out-of-stock { color: #DC2626; }

/* Actions */
.favcard__actions {
    padding: 0 16px 16px;
}

.favcard__cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 11px;
    border: none;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s;
    text-decoration: none;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark, #0b7a72) 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(13,148,136,0.2);
}

.favcard__cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(13,148,136,0.3);
}

.favcard__cart-btn--outline {
    background: transparent;
    color: var(--color-primary);
    border: 1.5px solid var(--color-primary);
    box-shadow: none;
}

.favcard__cart-btn--outline:hover {
    background: rgba(13,148,136,0.04);
    box-shadow: 0 2px 8px rgba(13,148,136,0.1);
}

.favcard__cart-btn--off {
    background: #F3F4F6;
    color: #9CA3AF;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
}

/* ── Empty State ── */
.favpage-empty {
    text-align: center;
    padding: 72px 20px 56px;
    animation: catCardIn 0.6s ease both;
}

.favpage-empty__anim {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 28px;
}

.favpage-empty__circle {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);
    animation: emptyCirclePulse 3s ease-in-out infinite;
}

@keyframes emptyCirclePulse {
    0%, 100% { transform: scale(1); opacity: 0.6; }
    50%      { transform: scale(1.1); opacity: 0.3; }
}

.favpage-empty__heart {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F87171;
    animation: emptyHeartFloat 3s ease-in-out infinite;
}

@keyframes emptyHeartFloat {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50%      { transform: translate(-50%, -56%) scale(1.06); }
}

.favpage-empty__title {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0 0 10px;
    color: var(--color-text-primary);
    letter-spacing: -0.02em;
}

.favpage-empty__desc {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    max-width: 420px;
    margin: 0 auto 28px;
    line-height: 1.6;
}

.favpage-empty__actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.favpage-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.25s;
}

.favpage-empty__btn--primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark, #0b7a72) 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(13,148,136,0.25);
}

.favpage-empty__btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(13,148,136,0.35);
}

.favpage-empty__btn--outline {
    background: transparent;
    color: var(--color-text-primary);
    border: 1.5px solid rgba(0,0,0,0.1);
}

.favpage-empty__btn--outline:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
    transform: translateY(-2px);
}

.favpage-empty__tips {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.favpage-empty__tip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--color-text-muted);
}

.favpage-empty__tip svg { color: #F87171; flex-shrink: 0; }

/* Trust Strip */
.favpage-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 32px;
    padding: 16px 20px;
    background: var(--color-surface, #f8fafb);
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.04);
    flex-wrap: wrap;
    animation: catCardIn 0.5s 0.2s ease both;
}

.favpage-trust__item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.favpage-trust__item svg { color: var(--color-primary); flex-shrink: 0; }

.favpage-trust__sep {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D1D5DB;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .fav-grid { grid-template-columns: repeat(3, 1fr); }
    .favpage-skel-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .favpage-hero { padding: 32px 0 24px; }
    .favpage-hero__title { font-size: 1.3rem; }
    .favpage-hero__heart svg { width: 22px; height: 22px; }
    .fav-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .favpage-skel-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .favcard { border-radius: 14px; }
    .favcard__info { padding: 10px 12px 8px; }
    .favcard__name { font-size: 0.78rem; }
    .favcard__price { font-size: 0.92rem; }
    .favcard__actions { padding: 0 12px 12px; }
    .favcard__cart-btn { padding: 9px; font-size: 0.78rem; border-radius: 10px; }
    .favcard__remove { opacity: 1; width: 26px; height: 26px; }
    .favcard__remove svg { width: 13px; height: 13px; }
    .favpage-empty { padding: 48px 16px 36px; }
    .favpage-empty__anim { width: 90px; height: 90px; }
    .favpage-empty__heart { width: 40px; height: 40px; }
    .favpage-empty__title { font-size: 1.15rem; }
    .favpage-empty__desc { font-size: 0.82rem; }
    .favpage-empty__btn { padding: 11px 22px; font-size: 0.82rem; }
    .favpage-trust { gap: 10px; padding: 12px 14px; }
    .favpage-trust__item { font-size: 0.72rem; }
    .favpage-trust__sep { display: none; }
    .favpage-content { padding: 20px 0 40px; }
    .favpage-shipping__inner { padding: 10px 14px; font-size: 0.78rem; }
}

/* ── Dark Mode ── */
html[data-theme="dark"] .favpage-hero { background: linear-gradient(160deg, #1a0a0a 0%, #1c1118 40%, #111827 100%); }
html[data-theme="dark"] .favpage-hero__orb--1 { background: rgba(239,68,68,0.08); }
html[data-theme="dark"] .favpage-hero__orb--2 { background: rgba(236,72,153,0.06); }
html[data-theme="dark"] .favpage-hero__count { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .favpage-hero__clear { background: rgba(255,255,255,0.04); border-color: rgba(239,68,68,0.2); }
html[data-theme="dark"] .favpage-hero__clear:hover { background: rgba(239,68,68,0.08); }
html[data-theme="dark"] .favcard { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .favcard__remove { background: rgba(31,41,55,0.85); border-color: #374151; }
html[data-theme="dark"] .favcard__badge { box-shadow: 0 2px 8px rgba(239,68,68,0.2); }
html[data-theme="dark"] .favcard__cart-btn--off { background: #374151; color: #6B7280; }
html[data-theme="dark"] .favpage-empty__circle { background: linear-gradient(135deg, #3B1420 0%, #4B1D2B 100%); }
html[data-theme="dark"] .favpage-empty__heart { color: #F87171; }
html[data-theme="dark"] .favpage-trust { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .favpage-trust__sep { background: #4B5563; }
html[data-theme="dark"] .favpage-skel { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .favpage-skel::before { background: linear-gradient(110deg, #1F2937 30%, #374151 50%, #1F2937 70%); background-size: 200% 100%; }
html[data-theme="dark"] .favpage-shipping__inner { background: linear-gradient(135deg, #064E3B 0%, #065F46 100%); border-color: rgba(16,185,129,0.2); color: #A7F3D0; }
html[data-theme="dark"] .favpage-shipping__inner svg { color: #34D399; }

/* ==========================================================================
   AGE PAGES — Premium v5.0
   Decorative hero, pill tabs, trust strip, stagger grid animation
   ========================================================================== */

/* ── Hero ── */
.agp-hero {
    position: relative;
    padding: 28px 0 36px;
    overflow: hidden;
}
.agp-hero__pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.agp-hero__shapes {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
.agp-hero__shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.06;
}
.agp-hero__shape--1 {
    width: 260px;
    height: 260px;
    top: -80px;
    right: -40px;
    animation: agpFloat 8s ease-in-out infinite;
}
.agp-hero__shape--2 {
    width: 160px;
    height: 160px;
    bottom: -40px;
    left: 10%;
    animation: agpFloat 10s ease-in-out infinite reverse;
}
@keyframes agpFloat {
    0%,100% { transform: translate(0,0); }
    50% { transform: translate(8px,-12px); }
}

/* Breadcrumb */
.agp-crumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    margin-bottom: 20px;
}
.agp-crumb a {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color 150ms ease;
}
.agp-crumb a:hover { color: var(--agp-color, var(--color-primary)); }
.agp-crumb__cur { color: var(--color-text); font-weight: 600; }

/* Hero body */
.agp-hero__body {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.agp-hero__badge {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.agp-hero__emoji {
    font-size: 2rem;
    line-height: 1;
}
.agp-hero__sup {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 4px;
}
.agp-hero__title {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--color-text);
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.01em;
}
.agp-hero__title span {
    font-weight: 400;
    color: var(--color-text-muted);
}
.agp-hero__desc {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin: 8px 0 0;
    line-height: 1.5;
    max-width: 480px;
}
.agp-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}
.agp-hero__pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
}
.agp-hero__tip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    color: var(--color-text-muted);
}

/* ── Trust Strip ── */
.agp-trust {
    border-bottom: 1px solid var(--color-border);
    padding: 12px 0;
    background: var(--color-bg-white);
}
.agp-trust__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}
.agp-trust__item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text);
}
.agp-trust__sep {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-border);
}

/* ── Tabs (pill style) ── */
.agp-tabs {
    background: var(--color-bg-white);
    border-bottom: 1px solid var(--color-border);
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 50;
}
.site-header.is-sticky ~ .site-content .agp-tabs,
.site-header.is-sticky ~ main .agp-tabs { top: 60px; }
.agp-tabs__track {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px;
}
.agp-tabs__track::-webkit-scrollbar { display: none; }
.agp-tabs__pill {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 12px;
    text-decoration: none;
    background: var(--color-bg-light);
    border: 1.5px solid transparent;
    transition: all 200ms ease;
    flex-shrink: 0;
    min-width: 0;
}
.agp-tabs__pill:hover {
    border-color: var(--color-border);
    background: var(--color-bg-white);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.agp-tabs__pill.is-active {
    background: var(--pill-color, var(--color-primary));
    border-color: var(--pill-color, var(--color-primary));
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.agp-tabs__pill.is-active .agp-tabs__main,
.agp-tabs__pill.is-active .agp-tabs__sub { color: #fff; }
.agp-tabs__emoji {
    font-size: 1.125rem;
    line-height: 1;
}
.agp-tabs__text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}
.agp-tabs__main {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
}
.agp-tabs__sub {
    font-size: 0.625rem;
    color: var(--color-text-muted);
    white-space: nowrap;
}

/* ── Toolbar ── */
.agp-toolbar {
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}
.agp-toolbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.agp-toolbar__count {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
}
.agp-toolbar__count strong {
    color: var(--color-text);
}
.agp-toolbar__select {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--color-text);
    border: 1.5px solid var(--color-border);
    border-radius: 10px;
    padding: 8px 32px 8px 12px;
    background: var(--color-bg-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/12px no-repeat;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color 150ms ease;
}
.agp-toolbar__select:focus {
    border-color: var(--agp-color, var(--color-primary));
    outline: none;
    box-shadow: 0 0 0 3px rgba(20,184,166,0.1);
}

/* ── Product Grid with stagger ── */
.agp-products {
    padding: 24px 0 48px;
}
.agp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.agp-grid__item {
    animation: agpStagger 0.4s ease both;
}
@keyframes agpStagger {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Pagination ── */
.agp-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border);
}
.agp-pager a,
.agp-pager span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 10px;
    text-decoration: none;
    transition: all 180ms ease;
}
.agp-pager a {
    color: var(--color-text);
    background: var(--color-bg-light);
}
.agp-pager a:hover {
    background: var(--agp-color, var(--color-primary));
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.agp-pager .current {
    background: var(--agp-color, var(--color-primary));
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ── Empty ── */
.agp-empty {
    text-align: center;
    padding: 64px 24px;
}
.agp-empty__visual { margin-bottom: 20px; }
.agp-empty__circle {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    margin-bottom: 12px;
}
.agp-empty__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 8px;
}
.agp-empty__desc {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    max-width: 380px;
    margin: 0 auto 24px;
}
.agp-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--agp-color, var(--color-primary));
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 180ms ease;
}
.agp-empty__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}


/* ==========================================================================
   AGP — Flash Sale Section
   ========================================================================== */
.agp-flash {
    padding: 28px 0 16px;
    background: linear-gradient(135deg, #fff5f5 0%, #fff 40%, #fefce8 100%);
    border-top: 1px solid rgba(239,68,68,0.08);
    border-bottom: 1px solid rgba(239,68,68,0.08);
}
.agp-flash__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 12px;
    flex-wrap: wrap;
}
.agp-flash__title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.agp-flash__icon {
    font-size: 1.4rem;
    line-height: 1;
    animation: agp-flash-pulse 2s ease-in-out infinite;
}
@keyframes agp-flash-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}
.agp-flash__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #dc2626;
    margin: 0;
    letter-spacing: -0.02em;
}
.agp-flash__max-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--flash-accent, #dc2626);
    white-space: nowrap;
}
.agp-flash__timer {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #1e293b;
    padding: 8px 16px;
    border-radius: 12px;
    flex-shrink: 0;
}
.agp-flash__timer-label {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.agp-flash__timer-digits {
    display: flex;
    align-items: center;
    gap: 2px;
}
.agp-flash__timer-val {
    background: #334155;
    color: #f1f5f9;
    font-size: 0.85rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    padding: 3px 7px;
    border-radius: 6px;
    min-width: 28px;
    text-align: center;
}
.agp-flash__timer-sep {
    color: #94a3b8;
    font-weight: 700;
    font-size: 0.9rem;
}

/* ── Flash Grid ── */
.agp-flash__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.agp-flash__card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #fecaca;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
}
.agp-flash__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(220,38,38,0.12);
    border-color: #f87171;
}
.agp-flash__card-img {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fafafa;
}
.agp-flash__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.agp-flash__card:hover .agp-flash__thumb {
    transform: scale(1.05);
}
.agp-flash__disc {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #dc2626;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 8px;
    line-height: 1.2;
    box-shadow: 0 2px 8px rgba(220,38,38,0.3);
}
.agp-flash__card-info {
    padding: 10px 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.agp-flash__card-name {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-text, #374151);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.agp-flash__card-prices {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.agp-flash__card-old {
    font-size: 0.72rem;
    color: #9ca3af;
    text-decoration: line-through;
}
.agp-flash__card-new {
    font-size: 0.88rem;
    font-weight: 700;
    color: #dc2626;
    text-decoration: none;
}

/* ── Flash Footer ── */
.agp-flash__footer {
    text-align: center;
    margin-top: 16px;
}
.agp-flash__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    background: #dc2626;
    color: #fff;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.agp-flash__cta:hover {
    background: #b91c1c;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(220,38,38,0.25);
    color: #fff;
}

/* ── AGP Featured Products ── */
.agp-featured {
    padding: 28px 0 8px;
}

.agp-featured__header {
    margin-bottom: 16px;
}

.agp-featured__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px 0;
}

.agp-featured__sub {
    font-size: 0.8rem;
    color: var(--color-text-muted);
}

.agp-featured__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
}

.agp-featured__item {
    position: relative;
}

/* ── AGP Badges ── */
.agp-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 3px 8px;
    border-radius: 6px;
    line-height: 1.3;
    pointer-events: none;
}

.agp-badge--hot {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff;
    box-shadow: 0 2px 8px rgba(245,158,11,0.35);
}
.agp-badge--hot::before {
    content: '🔥';
    font-size: 9px;
}

.agp-badge--new {
    background: linear-gradient(135deg, #00B894, #10B981);
    color: #fff;
}

/* Deprecated — use badge--new in product-card instead */
.agp-badge--new-sm { display: none; }

/* ── AGP Category Quick-Links ── */
.agp-quickcats {
    padding: 12px 0;
}

.agp-quickcats__track {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 4px;
}

.agp-quickcats__track::-webkit-scrollbar {
    display: none;
}

.agp-quickcats__pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 99px;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--color-text-muted);
    background: var(--color-bg-light);
    border: 1.5px solid var(--color-border);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;
}

.agp-quickcats__pill:hover {
    border-color: var(--agp-color, var(--color-primary));
    color: var(--agp-color, var(--color-primary));
    background: var(--agp-color-light, #f0f9ff);
}

.agp-quickcats__pill.is-active {
    background: var(--agp-color, var(--color-primary));
    color: #fff;
    border-color: var(--agp-color, var(--color-primary));
}

.agp-quickcats__icon {
    font-size: 1rem;
    line-height: 1;
}

.agp-quickcats__count {
    font-size: 0.7rem;
    font-weight: 600;
    opacity: 0.7;
    margin-left: 2px;
}

/* ── AGP Season Highlights ── */
.agp-season {
    padding: 20px 0 12px;
}

.agp-season__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.agp-season__emoji {
    font-size: 1.5rem;
    line-height: 1;
}

.agp-season__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
}

.agp-season__sub {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    display: block;
}

.agp-season__scroll {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
}

.agp-season__scroll::-webkit-scrollbar {
    display: none;
}

.agp-season__item {
    flex: 0 0 200px;
    scroll-snap-align: start;
}

/* ── AGP Toolbar Clear Filter ── */
.agp-toolbar__clear {
    font-size: 0.75rem;
    color: var(--agp-color, var(--color-primary));
    text-decoration: underline;
    margin-left: 8px;
}

.agp-toolbar__clear:hover {
    opacity: 0.8;
}

/* ==========================================================================
   AGP — Takımlar & Setler Highlight Section
   ========================================================================== */

.agp-sets {
    position: relative;
    padding: 28px 0 20px;
    overflow: hidden;
}
.agp-sets__bg {
    position: absolute;
    inset: 0;
    opacity: 0.5;
    pointer-events: none;
}
.agp-sets .container {
    position: relative;
    z-index: 1;
}
.agp-sets__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.agp-sets__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: rgba(255,255,255,0.7);
    border-radius: 14px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.agp-sets__text {
    flex: 1;
    min-width: 0;
}
.agp-sets__title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--color-heading);
    margin: 0 0 2px;
}
.agp-sets__desc {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.4;
}
.agp-sets__cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 9px 20px;
    border-radius: 999px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}
.agp-sets__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    color: #fff;
}
.agp-sets__scroll {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    scrollbar-width: none;
}
.agp-sets__scroll::-webkit-scrollbar {
    display: none;
}
.agp-sets__item {
    flex: 0 0 200px;
    scroll-snap-align: start;
}

/* ==========================================================================
   DEPRECATED v3.6.2: agp-banner removed from template.
   CSS retained for cache compatibility. Safe to remove in v3.7.0.
   ========================================================================== */

.agp-banner {
    position: relative;
    padding: 28px 0;
    overflow: hidden;
    border-radius: 16px;
    margin: 0 auto 12px;
    max-width: var(--container-max-width);
}
.agp-banner__pattern {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    pointer-events: none;
}
.agp-banner__content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 1;
}
.agp-banner__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    background: rgba(255,255,255,0.25);
    border-radius: 16px;
    flex-shrink: 0;
    backdrop-filter: blur(4px);
}
.agp-banner__text {
    flex: 1;
    min-width: 0;
}
.agp-banner__title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.agp-banner__desc {
    font-size: 0.88rem;
    color: rgba(255,255,255,0.85);
    margin: 0;
    line-height: 1.5;
}
.agp-banner__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border-radius: 999px;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    transition: transform 0.2s, box-shadow 0.2s;
}
.agp-banner__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    color: #fff;
}
.agp-banner__cta svg {
    flex-shrink: 0;
}

/* ==========================================================================
   AGP — Category Cards Grid
   ========================================================================== */

.agp-cats {
    padding: 16px 0 8px;
}
.agp-cats__header {
    margin-bottom: 14px;
}
.agp-cats__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0 0 2px;
}
.agp-cats__sub {
    font-size: 0.8rem;
    color: var(--color-text-muted);
}
.agp-cats__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
}
.agp-cats__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 10px;
    background: var(--color-bg-white, #fff);
    border: 1.5px solid var(--color-border, #e5e7eb);
    border-radius: 14px;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    text-align: center;
}
.agp-cats__card:hover {
    border-color: var(--agp-color, var(--color-primary));
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}
.agp-cats__icon {
    font-size: 1.5rem;
    line-height: 1;
}
.agp-cats__name {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-heading);
    line-height: 1.3;
}
.agp-cats__count {
    font-size: 0.7rem;
    color: var(--color-text-muted);
    background: var(--color-bg-light, #f9fafb);
    padding: 2px 8px;
    border-radius: 999px;
}

/* ==========================================================================
   AGP — Categorized Product Rows (horizontal scroll)
   ========================================================================== */

.agp-catrow {
    padding: 14px 0 6px;
}
.agp-catrow__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 10px;
}
.agp-catrow__left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.agp-catrow__icon {
    font-size: 1.15rem;
    line-height: 1;
    flex-shrink: 0;
}
.agp-catrow__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.agp-catrow__more {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--agp-color, var(--color-primary));
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.agp-catrow__more:hover {
    text-decoration: underline;
}
.agp-catrow__scroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    scrollbar-width: none;
}

/* ── Catrow scroll wrapper & arrows ── */
.agp-catrow__scroll-wrap {
    position: relative;
}
.agp-catrow__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.95);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
    padding: 0;
    color: var(--color-text, #374151);
}
.agp-catrow__arrow:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    background: #fff;
}
.agp-catrow__arrow[hidden] {
    display: none;
}
.agp-catrow__arrow--left {
    left: -4px;
}
.agp-catrow__arrow--right {
    right: -4px;
}

.agp-catrow__scroll::-webkit-scrollbar {
    display: none;
}
/* ── Compact scroll card (catrow, sets, season) ── */
.agp-catrow__card {
    flex: 0 0 170px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow 0.25s, transform 0.25s;
}
.agp-catrow__card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}
.agp-catrow__card-img {
    position: relative;
    aspect-ratio: 3/4;
    overflow: hidden;
    background: #f9fafb;
}
.agp-catrow__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.agp-catrow__card:hover .agp-catrow__card-img img {
    transform: scale(1.05);
}
.agp-catrow__card-info {
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.agp-catrow__card-brand {
    font-size: 9px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.agp-catrow__card-title {
    font-size: 0.78rem;
    font-weight: 500;
    color: #1f2937;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.agp-catrow__card-price {
    font-size: 0.88rem;
    font-weight: 800;
    color: #111827;
    margin-top: 4px;
    white-space: nowrap;
}
.agp-catrow__card-price .woocommerce-Price-currencySymbol {
    font-weight: 700;
}
/* Sets cards are wider */
.agp-sets__card { flex: 0 0 200px; }
/* Legacy compat */
.agp-catrow__item {
    flex: 0 0 170px;
    scroll-snap-align: start;
}

/* ==========================================================================
   AGP — Dynamic Promo Banner (sale products)
   ========================================================================== */

.agp-promo {
    padding: 20px 0 20px;
}
.agp-promo__card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 28px;
    min-height: 140px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fbbf24 100%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.agp-promo__left {
    flex: 1;
    min-width: 0;
}
.agp-promo__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #fff;
    background: #ef4444;
    padding: 3px 10px;
    border-radius: 999px;
    margin-bottom: 8px;
}
.agp-promo__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #92400e;
    margin: 0 0 4px;
}
.agp-promo__desc {
    font-size: 0.82rem;
    color: #78350f;
    margin: 0;
    line-height: 1.4;
}
.agp-promo__products {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.agp-promo__product {
    position: relative;
    width: 100px;
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    text-align: center;
}
.agp-promo__img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 6px;
}
.agp-promo__prices {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
}
.agp-promo__old {
    font-size: 0.68rem;
    color: #9ca3af;
    text-decoration: line-through;
}
.agp-promo__new {
    font-size: 0.8rem;
    font-weight: 700;
    color: #dc2626;
}
.agp-promo__disc {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    background: #ef4444;
    padding: 2px 6px;
    border-radius: 999px;
}

/* Responsive */
@media (max-width: 1024px) {
    .agp-grid { grid-template-columns: repeat(3, 1fr); }
    .agp-featured__grid { grid-template-columns: repeat(3, 1fr); }
    /* Flash sale — tablet */
    .agp-flash__grid { grid-template-columns: repeat(3, 1fr); }

}
@media (max-width: 768px) {
    .agp-hero { padding: 20px 0 24px; }
    .agp-hero__badge { width: 56px; height: 56px; border-radius: 14px; }
    .agp-hero__emoji { font-size: 1.5rem; }
    .agp-hero__title { font-size: 1.25rem; }
    .agp-hero__body { gap: 16px; }
    .agp-tabs__pill { padding: 8px 14px; }
    .agp-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .agp-products { padding-bottom: 80px; }
    .agp-trust__row { gap: 16px; }
    .agp-featured__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .agp-featured { padding: 20px 0 4px; }
    /* Flash sale — mobile */
    .agp-flash { padding: 20px 0 12px; }
    .agp-flash__header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .agp-flash__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .agp-flash__title { font-size: 1rem; }
    .agp-flash__timer { padding: 6px 12px; }
    .agp-flash__timer-val { font-size: 0.78rem; padding: 2px 6px; min-width: 24px; }
    .agp-flash__card-info { padding: 8px 10px 12px; }
    .agp-flash__card-name { font-size: 0.7rem; }
    .agp-flash__card-old { font-size: 0.65rem; }
    .agp-flash__card-new { font-size: 0.8rem; }
    .agp-flash__cta { padding: 8px 20px; font-size: 0.78rem; }

    
    /* ── Category page mobile padding ── */
    /* Hero: full-bleed (no side padding) */
    .agp--cat .agp-hero .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .agp--cat .agp-hero {
        padding-left: 0;
        padding-right: 0;
    }
    /* Below hero: minimal side padding */
    .agp--cat .agp-tabs .container,
    .agp--cat .agp-catrow .container,
    .agp--cat .agp-flash .container,
    .agp--cat .agp-cats .container,
    .agp--cat .agp-featured .container,
    .agp--cat .agp-products .container,
    .agp--cat .agp-shipping-bar .container,
    .agp--cat .agp-toolbar .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    
    .agp-catrow__arrow { display: none !important; }

    /* Fix sticky subcategory tabs on mobile — disable sticky */
    .agp-tabs {
        position: relative !important;
        top: auto !important;
    }

    .agp-season__item { flex: 0 0 160px; }
    .agp-season .agp-catrow__card { flex: 0 0 160px; }

    /* Sets — mobile */
    .agp-sets { padding: 20px 0 14px; }
    .agp-sets__header { flex-wrap: wrap; gap: 10px; }
    .agp-sets__icon { width: 40px; height: 40px; font-size: 1.3rem; border-radius: 12px; }
    .agp-sets__title { font-size: 1rem; }
    .agp-sets__cta { padding: 8px 16px; font-size: 0.75rem; }
    .agp-sets__item { flex: 0 0 170px; }

    /* Banner — mobile (DEPRECATED v3.6.2) */
    .agp-banner { padding: 20px 0; border-radius: 12px; margin-bottom: 10px; }
    .agp-banner__content { flex-direction: column; text-align: center; gap: 14px; }
    .agp-banner__icon { width: 52px; height: 52px; font-size: 1.6rem; border-radius: 14px; }
    .agp-banner__title { font-size: 1.1rem; }
    .agp-banner__desc { font-size: 0.82rem; }
    .agp-banner__cta { padding: 9px 18px; font-size: 0.78rem; }

    /* Category cards — mobile */
    .agp-cats__grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .agp-cats__card { padding: 12px 6px; border-radius: 10px; gap: 4px; }
    .agp-cats__icon { font-size: 1.2rem; }
    .agp-cats__name { font-size: 0.72rem; }
    .agp-cats__count { font-size: 0.62rem; padding: 1px 6px; }

    /* Catrow — mobile */
    .agp-catrow__card { flex: 0 0 145px; }
    .agp-catrow__card-info { padding: 8px 10px 10px; }
    .agp-catrow__card-title { font-size: 0.72rem; }
    .agp-catrow__card-price { font-size: 0.82rem; }
    .agp-sets__card { flex: 0 0 170px; }
    .agp-catrow__item { flex: 0 0 145px; }

    /* Promo — mobile */
    .agp-promo__card { flex-direction: column; padding: 16px; gap: 14px; text-align: center; }
    .agp-promo__products { justify-content: center; }
    .agp-promo__product { width: 90px; }
    .agp-promo__img { width: 70px; height: 70px; }
    .agp-promo__title { font-size: 1rem; }
}


/* ==========================================================================
   WIZARD PAGES — Premium v5.0
   Glass card, labeled progress, rich option cards, animated transitions
   ========================================================================== */

/* ── Wizard Hero ── */
.wzp-hero {
    position: relative;
    padding: 28px 0 24px;
    text-align: center;
    overflow: hidden;
}
.wzp-hero__pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.wzp-hero__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
}
.wzp-hero__emoji {
    font-size: 3rem;
    line-height: 1;
    animation: wzpBounce 0.6s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes wzpBounce {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.wzp-hero__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0;
    letter-spacing: -0.01em;
}
.wzp-hero__desc {
    font-size: 0.9375rem;
    color: var(--color-text-muted);
    margin: 0;
}
.wzp-hero__steps-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wz-color, var(--color-primary));
    background: rgba(255,255,255,0.7);
    padding: 6px 14px;
    border-radius: 999px;
    margin-top: 4px;
}

/* ── Wizard Card ── */
.wzp-card {
    max-width: 680px;
    margin: -12px auto 0;
    padding: 32px 28px;
    background: var(--color-bg-white);
    border-radius: 20px;
    border: 1px solid var(--color-border);
    box-shadow: 0 8px 40px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
    position: relative;
}

/* ── Progress with labels ── */
.wzp-progress {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    margin-bottom: 32px;
}
.wzp-progress__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.wzp-progress__dot {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    background: var(--color-bg-light);
    color: var(--color-text-muted);
    border: 2.5px solid var(--color-border);
    transition: all 300ms cubic-bezier(0.34,1.56,0.64,1);
    position: relative;
}
.wzp-progress__check {
    position: absolute;
    opacity: 0;
    transform: scale(0);
    transition: all 250ms ease;
}
.wzp-progress__item.is-active .wzp-progress__dot {
    background: var(--wz-color, var(--color-primary));
    color: #fff;
    border-color: var(--wz-color, var(--color-primary));
    box-shadow: 0 0 0 5px rgba(20,184,166,0.12);
    transform: scale(1.08);
}
.wzp-progress__item.is-done .wzp-progress__dot {
    background: var(--wz-color, var(--color-primary));
    color: transparent;
    border-color: var(--wz-color, var(--color-primary));
}
.wzp-progress__item.is-done .wzp-progress__dot span { opacity: 0; }
.wzp-progress__item.is-done .wzp-progress__check {
    opacity: 1;
    transform: scale(1);
}
.wzp-progress__label {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: color 200ms ease;
}
.wzp-progress__item.is-active .wzp-progress__label {
    color: var(--wz-color, var(--color-primary));
}
.wzp-progress__item.is-done .wzp-progress__label {
    color: var(--wz-color, var(--color-primary));
}
.wzp-progress__line {
    width: 48px;
    height: 3px;
    background: var(--color-border);
    border-radius: 2px;
    margin-top: 18px;
    transition: background 300ms ease;
    flex-shrink: 0;
}
.wzp-progress__line.is-done {
    background: var(--wz-color, var(--color-primary));
}

/* ── Step ── */
.wzp-step {
    display: none;
    animation: wzpSlide 350ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.wzp-step.is-active { display: block; }
@keyframes wzpSlide {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}
.wzp-step__q {
    font-size: 1.1875rem;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    margin: 0 0 24px;
    letter-spacing: -0.01em;
}
.wzp-step__opts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

/* ── Option card ── */
.wzp-opt {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--color-bg-white);
    border: 2px solid var(--color-border);
    border-radius: 14px;
    cursor: pointer;
    transition: all 220ms cubic-bezier(0.34,1.56,0.64,1);
    position: relative;
    text-align: left;
}
.wzp-opt:hover {
    border-color: var(--wz-color, var(--color-primary));
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    transform: translateY(-3px);
}
.wzp-opt.is-selected {
    border-color: var(--wz-color, var(--color-primary));
    background: linear-gradient(135deg, rgba(20,184,166,0.04), rgba(20,184,166,0.02));
    box-shadow: 0 0 0 3px rgba(20,184,166,0.1);
}
.wzp-opt__emoji {
    font-size: 1.75rem;
    line-height: 1;
    flex-shrink: 0;
}
.wzp-opt__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.wzp-opt__title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text);
}
.wzp-opt__desc {
    font-size: 0.6875rem;
    color: var(--color-text-muted);
}
.wzp-opt__check {
    opacity: 0;
    transform: scale(0.5);
    transition: all 250ms cubic-bezier(0.34,1.56,0.64,1);
    color: var(--wz-color, var(--color-primary));
    flex-shrink: 0;
}
.wzp-opt.is-selected .wzp-opt__check {
    opacity: 1;
    transform: scale(1);
}

/* ── Results ── */
.wzp-results__loading {
    text-align: center;
    padding: 40px 0;
}
.wzp-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid var(--color-border);
    border-top-color: var(--wz-color, var(--color-primary));
    border-radius: 50%;
    animation: wzpSpin 0.7s linear infinite;
    margin: 0 auto 16px;
}
@keyframes wzpSpin { to { transform: rotate(360deg); } }

.wz-results__title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    margin: 0 0 20px;
}
.wz-results__title span { font-weight: 400; color: var(--color-text-muted); font-size: 0.875rem; }
.wz-results__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.wz-results__more,
.wz-results__fallback {
    text-align: center;
    margin-top: 24px;
}
.wz-results__shop-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--wz-color, var(--color-primary));
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 180ms ease;
}
.wz-results__shop-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* ── Nav ── */
.wzp-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border);
}
.wzp-nav__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    transition: all 180ms ease;
    border: none;
    background: none;
}
.wzp-nav__btn--back {
    color: var(--color-text-muted);
    background: var(--color-bg-light);
}
.wzp-nav__btn--back:hover { background: var(--color-border); }
.wzp-nav__btn--restart {
    color: var(--wz-color, var(--color-primary));
    background: rgba(20,184,166,0.08);
}
.wzp-nav__btn--restart:hover { background: rgba(20,184,166,0.15); }

/* Responsive */
@media (max-width: 768px) {
    .wzp-card { padding: 24px 16px; margin-top: -8px; border-radius: 16px; }
    .wzp-hero { padding: 20px 0 16px; }
    .wzp-hero__title { font-size: 1.25rem; }
    .wzp-hero__emoji { font-size: 2.5rem; }
    .wzp-step__q { font-size: 1rem; }
    .wzp-step__opts { grid-template-columns: 1fr; }
    .wz-results__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .wzp-progress__line { width: 28px; }
    .wzp-progress__label { font-size: 0.6rem; }
    .wzp-progress__dot { width: 34px; height: 34px; }
    .wzp { padding-bottom: 80px; }
}


/* ═══════════════════════════════════════════════════════════════
 * BABY PREP SWIPE WIZARD (bps-*)
 * Premium Tinder-style card swipe experience
 * ═══════════════════════════════════════════════════════════════ */

.bps-body { padding: 0 0 20px; }

/* ── Category Progress Dots ── */
.bps-prog {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 24px 0 16px;
}
.bps-prog__dot {
    position: relative;
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.bps-prog__emoji { font-size: 16px; transition: all 0.3s; }
.bps-prog__check { display: none; }
.bps-prog__dot.is-active {
    background: var(--wz-color, #14B8A6);
    border-color: var(--wz-color, #14B8A6);
    transform: scale(1.15);
    box-shadow: 0 0 0 4px rgba(20,184,166,0.15);
}
.bps-prog__dot.is-active .bps-prog__emoji { filter: brightness(10); }
.bps-prog__dot.is-done {
    background: #10B981;
    border-color: #10B981;
}
.bps-prog__dot.is-done .bps-prog__emoji { display: none; }
.bps-prog__dot.is-done .bps-prog__check { display: block; }
.bps-prog__line {
    width: 24px; height: 2px;
    background: #e5e7eb;
    transition: background 0.3s;
}
.bps-prog__line.is-done { background: #10B981; }

/* ── Category Header ── */
.bps-cat {
    text-align: center;
    padding: 8px 0 20px;
    overflow: hidden;
}
.bps-cat__inner {
    transition: all 0.3s ease;
}
.bps-cat__inner.bps-cat--exiting {
    animation: bpsSlideOut 0.3s ease forwards;
}
.bps-cat__inner.bps-cat--entering {
    animation: bpsSlideIn 0.35s ease forwards;
}
.bps-cat__emoji { font-size: 40px; display: block; margin-bottom: 8px; }
.bps-cat__name {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 4px;
}
.bps-cat__desc {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin: 0 0 4px;
}
.bps-cat__why {
    font-size: 0.8rem;
    color: var(--wz-color, #14B8A6);
    font-style: italic;
    margin: 0 0 8px;
    font-weight: 500;
}
.bps-cat__counter {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-muted);
    background: #f3f4f6;
    padding: 3px 12px;
    border-radius: 20px;
}

/* ── Card Stack ── */
.bps-stack {
    position: relative;
    width: 100%;
    max-width: 340px;
    height: 440px;
    margin: 0 auto;
}
.bps-stack__loading {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

/* ── Swipe Card ── */
.bps-card {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    -ms-touch-action: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
}
.bps-card:active { cursor: grabbing; }
.bps-card--top { z-index: 2; }
.bps-card--behind {
    z-index: 1;
    transform: scale(0.95) translateY(12px);
    opacity: 0.7;
    pointer-events: none;
}
.bps-card__img {
    position: relative;
    height: 65%;
    overflow: hidden;
    background: #f9fafb;
}
.bps-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* Card Overlays (SKIP / LIKE) */
.bps-card__overlay {
    position: absolute;
    top: 20px;
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 2px;
    border: 3px solid;
    opacity: 0;
    transition: opacity 0.15s;
    pointer-events: none;
    z-index: 3;
}
.bps-card__overlay--skip {
    left: 20px;
    color: #EF4444;
    border-color: #EF4444;
    background: rgba(255,255,255,0.9);
    transform: rotate(-12deg);
}
.bps-card__overlay--like {
    right: 20px;
    color: #10B981;
    border-color: #10B981;
    background: rgba(255,255,255,0.9);
    transform: rotate(12deg);
}

/* Variable product badge */
.bps-card__var-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: linear-gradient(135deg, #8B5CF6, #7C3AED);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 8px;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(124,58,237,0.3);
}

/* Card Info Panel */
.bps-card__info {
    height: 35%;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.bps-card__name {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.bps-card__price {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--wz-color, #14B8A6);
}
.bps-card__price del { font-size: 0.8em; color: var(--color-text-muted); font-weight: 400; }
.bps-card__price ins { text-decoration: none; }

/* Exit animations */
.bps-card--exit-left {
    animation: bpsExitLeft 0.35s ease forwards;
    pointer-events: none;
}
.bps-card--exit-right {
    animation: bpsExitRight 0.35s ease forwards;
    pointer-events: none;
}

/* ── Action Buttons ── */
.bps-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
}
.bps-action {
    width: 56px; height: 56px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.bps-action:active { transform: scale(0.92); }
.bps-action--skip {
    background: #fff;
    color: #EF4444;
    border: 2px solid #fecaca;
}
.bps-action--skip:hover {
    background: #FEF2F2;
    box-shadow: 0 4px 20px rgba(239,68,68,0.2);
}
.bps-action--info {
    width: 40px; height: 40px;
    background: #fff;
    color: var(--color-text-muted);
    border: 1px solid #e5e7eb;
}
.bps-action--info:hover { color: var(--color-text); background: #f9fafb; }
.bps-action--like {
    background: linear-gradient(135deg, #10B981, #059669);
    color: #fff;
    border: none;
    width: 64px; height: 64px;
}
.bps-action--like:hover {
    box-shadow: 0 4px 24px rgba(16,185,129,0.35);
    transform: scale(1.05);
}

/* ── Discount Progress Bar ── */
.bps-discount {
    position: sticky;
    bottom: 0;
    z-index: 50;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(0,0,0,0.06);
    border-radius: 16px 16px 0 0;
    padding: 14px 16px;
    margin: 12px -16px 0;
    transition: all 0.3s;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.04);
}
.bps-discount__inner {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
.bps-discount__icon {
    flex-shrink: 0;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #f0fdf4;
    color: #10B981;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bps-discount__content { flex: 1; min-width: 0; }
.bps-discount__track {
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 4px;
}
.bps-discount__fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #14B8A6, #10B981);
    border-radius: 3px;
    transition: width 0.5s ease;
}
.bps-discount__text {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-muted);
}
.bps-discount__badge {
    flex-shrink: 0;
    background: linear-gradient(135deg, #10B981, #059669);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 8px;
    animation: bpsPulse 1s ease-in-out;
}
.bps-discount--unlocked .bps-discount__fill {
    background: linear-gradient(90deg, #10B981, #059669);
}
.bps-discount--celebrate {
    animation: bpsCelebrate 0.6s ease;
}

/* ── Cart Badge (floating) ── */
.bps-cart-badge {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 101;
    width: 48px; height: 48px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    transition: all 0.3s;
}
.bps-cart-badge__count {
    position: absolute;
    top: -4px; right: -4px;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #EF4444;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.bps-cart-badge--pulse { animation: bpsPulse 0.6s ease; }

/* ── Variant Picker Bottom Sheet ── */
.bps-variant {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.bps-variant[hidden] { display: none !important; }
.bps-variant:not([hidden]) { display: flex; }
.bps-variant.is-open { opacity: 1; pointer-events: auto; }
.bps-variant__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
}
.bps-variant__sheet {
    position: relative;
    width: 100%;
    max-width: 480px;
    max-height: 80vh;
    background: #fff;
    border-radius: 24px 24px 0 0;
    overflow-y: auto;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    box-shadow: 0 -8px 40px rgba(0,0,0,0.12);
}
.bps-variant.is-open .bps-variant__sheet { transform: translateY(0); }
.bps-variant__header {
    position: relative;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #f3f4f6;
}
.bps-variant__close {
    position: absolute;
    top: 16px; right: 16px;
    width: 32px; height: 32px;
    border-radius: 50%;
    border: none;
    background: #f3f4f6;
    color: var(--color-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.bps-variant__close:hover { background: #e5e7eb; color: var(--color-text); }
.bps-variant__product {
    display: flex;
    align-items: center;
    gap: 14px;
}
.bps-variant__img {
    width: 72px; height: 72px;
    border-radius: 14px;
    object-fit: cover;
    background: #f9fafb;
}
.bps-variant__meta { flex: 1; min-width: 0; }
.bps-variant__name {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bps-variant__price {
    font-size: 1rem;
    font-weight: 800;
    color: var(--wz-color, #14B8A6);
}
.bps-variant__body { padding: 20px; }
.bps-variant__loading {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}
.bps-variant__group { margin-bottom: 20px; }
.bps-variant__label {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.bps-variant__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.bps-variant__opt {
    padding: 8px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: var(--color-text);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.bps-variant__opt:hover { border-color: var(--wz-color, #14B8A6); background: #f0fdf4; }
.bps-variant__opt.is-selected {
    border-color: var(--wz-color, #14B8A6);
    background: var(--wz-color, #14B8A6);
    color: #fff;
    box-shadow: 0 2px 8px rgba(20,184,166,0.3);
}
.bps-variant__footer {
    padding: 16px 20px 24px;
    border-top: 1px solid #f3f4f6;
}
.bps-variant__submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    background: linear-gradient(135deg, #14B8A6, #0D9488);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 16px rgba(20,184,166,0.25);
}
.bps-variant__submit:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(20,184,166,0.35);
}
.bps-variant__submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Summary Screen ── */
.bps-summary {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}
.bps-summary[hidden] { display: none !important; }
.bps-summary:not([hidden]) { display: flex; }
.bps-summary.is-open { opacity: 1; pointer-events: auto; }
.bps-summary__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.bps-summary__card {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 40px 32px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 64px rgba(0,0,0,0.15);
    transform: scale(0.9);
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}
.bps-summary.is-open .bps-summary__card { transform: scale(1); }
.bps-summary__emoji { font-size: 56px; margin-bottom: 12px; }
.bps-summary__title {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 24px;
}
.bps-summary__stats {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 28px;
}
.bps-summary__stat {
    text-align: center;
}
.bps-summary__stat span {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--color-text);
}
.bps-summary__stat small {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    font-weight: 500;
}
.bps-summary__stat--discount span { color: #10B981; }
.bps-summary__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bps-summary__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
}
.bps-summary__btn--primary {
    background: linear-gradient(135deg, #14B8A6, #0D9488);
    color: #fff;
    box-shadow: 0 4px 16px rgba(20,184,166,0.25);
}
.bps-summary__btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(20,184,166,0.35);
}
.bps-summary__btn--secondary {
    background: #f3f4f6;
    color: var(--color-text);
}
.bps-summary__btn--secondary:hover { background: #e5e7eb; }

/* ── Animations ── */
@keyframes bpsExitLeft {
    0% { transform: translateX(0) rotate(0); opacity: 1; }
    100% { transform: translateX(-150%) rotate(-30deg); opacity: 0; }
}
@keyframes bpsExitRight {
    0% { transform: translateX(0) rotate(0); opacity: 1; }
    100% { transform: translateX(150%) rotate(30deg); opacity: 0; }
}
@keyframes bpsSlideIn {
    0% { transform: translateX(40px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
@keyframes bpsSlideOut {
    0% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(-40px); opacity: 0; }
}
@keyframes bpsPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}
@keyframes bpsCelebrate {
    0% { transform: translateY(0); }
    25% { transform: translateY(-4px); }
    50% { transform: translateY(0); }
    75% { transform: translateY(-2px); }
    100% { transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .bps-stack { max-width: 100%; height: 400px; }
    .bps-prog__dot { width: 30px; height: 30px; }
    .bps-prog__emoji { font-size: 13px; }
    .bps-prog__line { width: 16px; }
    .bps-cat__emoji { font-size: 32px; }
    .bps-cat__name { font-size: 1.15rem; }
    .bps-action--like { width: 56px; height: 56px; }
    .bps-action--skip { width: 48px; height: 48px; }
    .bps-action--info { width: 36px; height: 36px; }
    .bps-summary__card { padding: 28px 20px; }
    .bps-summary__stats { gap: 16px; }
    .bps-summary__stat span { font-size: 1.25rem; }
}
@media (min-width: 481px) and (max-width: 768px) {
    .bps-stack { max-width: 360px; }
}
@media (min-width: 769px) {
    .bps-stack { max-width: 380px; height: 480px; }
    .bps-card__info { padding: 20px 24px; }
    .bps-card__name { font-size: 1.05rem; }
    .bps-card__price { font-size: 1.2rem; }
}

/* ── Pre-Steps (Gender / Age / Budget selection) ── */
.bps-presteps {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 16px 40px;
}
.bps-prestep {
    display: none;
    text-align: center;
    animation: bpsSlideIn 0.35s ease forwards;
}
.bps-prestep.is-active { display: block; }
.bps-prestep__q {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 8px;
}
.bps-prestep__sub {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    margin: 0 0 28px;
    font-weight: 500;
}
.bps-prestep__opts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.bps-prestep__opt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px 12px;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.bps-prestep__opt:hover {
    border-color: var(--wz-color, #14B8A6);
    background: #f0fdfa;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(20,184,166,0.12);
}
.bps-prestep__opt:active {
    transform: scale(0.97);
}
.bps-prestep__icon {
    font-size: 2rem;
    line-height: 1;
}
.bps-prestep__label {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.3;
}
.bps-prestep__opt--selected {
    border-color: var(--wz-color, #14B8A6);
    background: rgba(20,184,166,0.06);
    box-shadow: 0 0 0 3px rgba(20,184,166,0.12);
}

/* Pre-step progress indicator */
.bps-prestep-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 0 16px;
}
.bps-prestep-progress__dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #e5e7eb;
    transition: all 0.3s;
}
.bps-prestep-progress__dot.is-active {
    background: var(--wz-color, #14B8A6);
    transform: scale(1.3);
    box-shadow: 0 0 0 3px rgba(20,184,166,0.15);
}
.bps-prestep-progress__dot.is-done {
    background: #10B981;
}

/* Responsive: single column on small screens */
@media (max-width: 400px) {
    .bps-prestep__opts { grid-template-columns: 1fr; gap: 10px; }
    .bps-prestep__opt { padding: 18px 12px; flex-direction: row; gap: 12px; }
    .bps-prestep__icon { font-size: 1.5rem; }
    .bps-prestep__q { font-size: 1.15rem; }
}

/* ── Onboarding Overlay ── */
.bps-onboard {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.bps-onboard[hidden] { display: none !important; }
.bps-onboard:not([hidden]) { display: flex; }
.bps-onboard.is-open { opacity: 1; pointer-events: auto; }
.bps-onboard__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.bps-onboard__card {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 36px 28px 24px;
    max-width: 380px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    transform: scale(0.9) translateY(20px);
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}
.bps-onboard.is-open .bps-onboard__card { transform: scale(1) translateY(0); }
.bps-onboard__visual {
    margin-bottom: 16px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bps-onboard__emoji { font-size: 56px; }
.bps-onboard__title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 8px;
}
.bps-onboard__desc {
    font-size: 0.9rem;
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0 0 24px;
}
.bps-onboard__desc strong { color: var(--color-text); font-weight: 700; }

/* Swipe demo animation */
.bps-onboard__swipe-demo {
    display: flex;
    align-items: center;
    gap: 16px;
}
.bps-onboard__arrow {
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    border-radius: 10px;
}
.bps-onboard__arrow--left {
    color: #EF4444;
    background: #FEF2F2;
    animation: bpsObLeft 1.5s ease-in-out infinite;
}
.bps-onboard__arrow--right {
    color: #10B981;
    background: #F0FDF4;
    animation: bpsObRight 1.5s ease-in-out infinite;
}
.bps-onboard__card-mini {
    font-size: 40px;
    width: 60px; height: 70px;
    background: #f9fafb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
@keyframes bpsObLeft {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-8px); }
}
@keyframes bpsObRight {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(8px); }
}

/* Button demo */
.bps-onboard__btns-demo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.bps-onboard__btn-demo {
    width: 52px; height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.bps-onboard__btn-demo--skip {
    background: #fff;
    color: #EF4444;
    border: 2px solid #fecaca;
    animation: bpsPulse 2s ease-in-out infinite;
}
.bps-onboard__btn-demo--like {
    background: linear-gradient(135deg, #10B981, #059669);
    color: #fff;
    animation: bpsPulse 2s ease-in-out 0.3s infinite;
}

/* Footer */
.bps-onboard__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.bps-onboard__dots {
    display: flex;
    gap: 6px;
}
.bps-onboard__dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #e5e7eb;
    transition: all 0.3s;
}
.bps-onboard__dot.is-active {
    background: var(--wz-color, #14B8A6);
    width: 20px;
    border-radius: 4px;
}
.bps-onboard__actions { display: flex; gap: 8px; }
.bps-onboard__skip {
    padding: 8px 16px;
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.2s;
}
.bps-onboard__skip:hover { background: #f3f4f6; color: var(--color-text); }
.bps-onboard__next {
    padding: 10px 20px;
    background: var(--wz-color, #14B8A6);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(20,184,166,0.25);
}
.bps-onboard__next:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(20,184,166,0.35); }
@media (max-width: 400px) {
    .bps-onboard__card { padding: 28px 20px 20px; }
    .bps-onboard__emoji { font-size: 44px; }
    .bps-onboard__title { font-size: 1.1rem; }
}

/* Dark Mode: onboarding */
html[data-theme="dark"] .bps-onboard__card,
body[data-theme="dark"] .bps-onboard__card { background: var(--color-bg-card); }
html[data-theme="dark"] .bps-onboard__card-mini,
body[data-theme="dark"] .bps-onboard__card-mini { background: var(--color-bg-dark); }
html[data-theme="dark"] .bps-onboard__arrow--left,
body[data-theme="dark"] .bps-onboard__arrow--left { background: rgba(239,68,68,0.1); }
html[data-theme="dark"] .bps-onboard__arrow--right,
body[data-theme="dark"] .bps-onboard__arrow--right { background: rgba(16,185,129,0.1); }
html[data-theme="dark"] .bps-onboard__btn-demo--skip,
body[data-theme="dark"] .bps-onboard__btn-demo--skip { background: var(--color-bg-dark); border-color: rgba(239,68,68,0.3); }

/* ── Dark Mode ── */
html[data-theme="dark"] .bps-card,
body[data-theme="dark"] .bps-card {
    background: var(--color-bg-card);
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .bps-card__name,
body[data-theme="dark"] .bps-card__name { color: var(--color-text); }
html[data-theme="dark"] .bps-discount,
body[data-theme="dark"] .bps-discount {
    background: rgba(17,24,39,0.95);
    border-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .bps-variant__sheet,
body[data-theme="dark"] .bps-variant__sheet { background: var(--color-bg-card); }
html[data-theme="dark"] .bps-variant__opt,
body[data-theme="dark"] .bps-variant__opt { background: var(--color-bg-dark); border-color: rgba(255,255,255,0.1); }
html[data-theme="dark"] .bps-summary__card,
body[data-theme="dark"] .bps-summary__card { background: var(--color-bg-card); }
html[data-theme="dark"] .bps-cart-badge,
body[data-theme="dark"] .bps-cart-badge { background: var(--color-bg-card); }
html[data-theme="dark"] .bps-prog__dot,
body[data-theme="dark"] .bps-prog__dot { background: var(--color-bg-dark); border-color: rgba(255,255,255,0.1); }
html[data-theme="dark"] .bps-prestep__opt,
body[data-theme="dark"] .bps-prestep__opt { background: var(--color-bg-card); border-color: rgba(255,255,255,0.1); }
html[data-theme="dark"] .bps-prestep__opt:hover,
body[data-theme="dark"] .bps-prestep__opt:hover { background: rgba(20,184,166,0.1); border-color: rgba(20,184,166,0.4); }
html[data-theme="dark"] .bps-prestep__label,
body[data-theme="dark"] .bps-prestep__label { color: var(--color-text); }
html[data-theme="dark"] .bps-prestep-progress__dot,
body[data-theme="dark"] .bps-prestep-progress__dot { background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .bps-cat__counter,
body[data-theme="dark"] .bps-cat__counter { background: var(--color-bg-dark); }


/* ── Dark mode ── */
html[data-theme="dark"] .agp-hero,
body[data-theme="dark"] .agp-hero { background: var(--color-bg-dark) !important; }
html[data-theme="dark"] .agp-hero__badge,
body[data-theme="dark"] .agp-hero__badge { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.1) !important; }
html[data-theme="dark"] .agp-tabs,
html[data-theme="dark"] .agp-trust,
body[data-theme="dark"] .agp-tabs,
body[data-theme="dark"] .agp-trust { background: var(--color-bg-card); }
html[data-theme="dark"] .agp-tabs__pill,
body[data-theme="dark"] .agp-tabs__pill { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .agp-toolbar__select,
body[data-theme="dark"] .agp-toolbar__select { background-color: var(--color-bg-card); color: var(--color-text); }
html[data-theme="dark"] .agp-quickcats__pill,
body[data-theme="dark"] .agp-quickcats__pill { background: var(--color-bg-card); border-color: rgba(255,255,255,0.1); color: var(--color-text-muted); }

html[data-theme="dark"] .agp-flash,
body[data-theme="dark"] .agp-flash {
    background: linear-gradient(135deg, rgba(220,38,38,0.05) 0%, var(--color-bg) 40%, rgba(234,179,8,0.03) 100%);
    border-color: rgba(239,68,68,0.15);
}
html[data-theme="dark"] .agp-flash__card,
body[data-theme="dark"] .agp-flash__card {
    background: var(--color-bg-card);
    border-color: rgba(239,68,68,0.2);
}
html[data-theme="dark"] .agp-flash__card-name,
body[data-theme="dark"] .agp-flash__card-name { color: var(--color-text); }
html[data-theme="dark"] .agp-featured__title,
body[data-theme="dark"] .agp-featured__title { color: var(--color-text); }
html[data-theme="dark"] .agp-season__title,
body[data-theme="dark"] .agp-season__title { color: var(--color-text); }

/* Dark — Sets */
html[data-theme="dark"] .agp-sets__bg,
body[data-theme="dark"] .agp-sets__bg { opacity: 0.15; }
html[data-theme="dark"] .agp-sets__icon,
body[data-theme="dark"] .agp-sets__icon { background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .agp-sets__title,
body[data-theme="dark"] .agp-sets__title { color: var(--color-text); }

/* Dark — Banner (DEPRECATED v3.6.2) */
html[data-theme="dark"] .agp-banner,
body[data-theme="dark"] .agp-banner { opacity: 0.92; }
html[data-theme="dark"] .agp-banner__icon,
body[data-theme="dark"] .agp-banner__icon { background: rgba(255,255,255,0.12); }

/* Dark — Category Cards */
html[data-theme="dark"] .agp-cats__card,
body[data-theme="dark"] .agp-cats__card { background: var(--color-bg-card); border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .agp-cats__title,
body[data-theme="dark"] .agp-cats__title { color: var(--color-text); }
html[data-theme="dark"] .agp-cats__name,
body[data-theme="dark"] .agp-cats__name { color: var(--color-text); }
html[data-theme="dark"] .agp-cats__count,
body[data-theme="dark"] .agp-cats__count { background: rgba(255,255,255,0.06); color: var(--color-text-muted); }

/* Dark — Catrow */
html[data-theme="dark"] .agp-catrow__item,
html[data-theme="dark"] .agp-catrow__card,
body[data-theme="dark"] .agp-catrow__item,
body[data-theme="dark"] .agp-catrow__card { background: var(--color-bg-card); border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .agp-catrow__title,
body[data-theme="dark"] .agp-catrow__title { color: var(--color-text); }
html[data-theme="dark"] .agp-catrow__card-title,
body[data-theme="dark"] .agp-catrow__card-title { color: #f3f4f6; }
html[data-theme="dark"] .agp-catrow__card-price,
body[data-theme="dark"] .agp-catrow__card-price { color: #f3f4f6; }
html[data-theme="dark"] .agp-catrow__card-brand,
body[data-theme="dark"] .agp-catrow__card-brand { color: #6b7280; }
html[data-theme="dark"] .agp-catrow__item span,
body[data-theme="dark"] .agp-catrow__item span { color: var(--color-text); }

/* Dark — Promo Banner */
html[data-theme="dark"] .agp-promo__card,
body[data-theme="dark"] .agp-promo__card { background: linear-gradient(135deg, #451a03 0%, #78350f 50%, #92400e 100%); }
html[data-theme="dark"] .agp-promo__title,
body[data-theme="dark"] .agp-promo__title { color: #fbbf24; }
html[data-theme="dark"] .agp-promo__desc,
body[data-theme="dark"] .agp-promo__desc { color: #fcd34d; }
html[data-theme="dark"] .agp-promo__product,
body[data-theme="dark"] .agp-promo__product { background: var(--color-bg-card); }

html[data-theme="dark"] .age-count,
body[data-theme="dark"] .age-count { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .age-thumb,
body[data-theme="dark"] .age-thumb { border-color: var(--color-bg-card); }

html[data-theme="dark"] .wzp-hero,
body[data-theme="dark"] .wzp-hero { background: var(--color-bg-dark) !important; }
html[data-theme="dark"] .wzp-card,
body[data-theme="dark"] .wzp-card { background: var(--color-bg-card); border-color: rgba(255,255,255,0.08); box-shadow: 0 8px 40px rgba(0,0,0,0.2); }
html[data-theme="dark"] .wzp-opt,
body[data-theme="dark"] .wzp-opt { background: var(--color-bg-dark); border-color: rgba(255,255,255,0.1); }
html[data-theme="dark"] .wzp-opt:hover,
body[data-theme="dark"] .wzp-opt:hover { border-color: var(--wz-color, var(--color-primary)); }
html[data-theme="dark"] .wzp-hero__steps-label,
body[data-theme="dark"] .wzp-hero__steps-label { background: rgba(0,0,0,0.3); }

/* Season badges in wizard hero */
.wzp-hero__badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.wzp-hero__season-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wz-color, var(--color-primary));
    background: var(--color-bg-white);
    border: 1.5px solid var(--wz-color, var(--color-primary));
    padding: 5px 12px;
    border-radius: 999px;
}

/* Season note in results */
.wz-results__season-note {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    background: var(--color-bg-light);
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.wz-results__season-note strong {
    color: var(--wz-color, var(--color-primary));
}

/* Dark mode */
html[data-theme="dark"] .wzp-hero__season-badge,
body[data-theme="dark"] .wzp-hero__season-badge {
    background: rgba(0,0,0,0.3);
}
html[data-theme="dark"] .wz-results__season-note,
body[data-theme="dark"] .wz-results__season-note {
    background: rgba(255,255,255,0.05);
}

/* ─── Wizard Premium Enhancements v3.4.1 ─── */
.wzp-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 8px 32px rgba(0,0,0,0.06), 0 2px 8px rgba(0,0,0,0.04);
}
.wzp-opt { transition: all 0.3s cubic-bezier(0.4,0,0.2,1); position: relative; overflow: hidden; }
.wzp-opt::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent 40%,rgba(20,184,166,0.04) 100%); opacity:0; transition:opacity 0.3s; }
.wzp-opt:hover::before { opacity:1; }
.wzp-opt:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.wzp-opt.is-selected { transform:translateY(-2px); box-shadow:0 8px 24px rgba(20,184,166,0.15); }
.wzp-opt.is-selected .wzp-opt__emoji { animation: wzp-emoji-pop 0.4s cubic-bezier(0.68,-0.55,0.265,1.55); }
@keyframes wzp-emoji-pop { 0%{transform:scale(1)} 50%{transform:scale(1.3)} 100%{transform:scale(1)} }
.wzp-progress__dot { transition:all 0.4s cubic-bezier(0.4,0,0.2,1); box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.wzp-progress__item.is-active .wzp-progress__dot { box-shadow:0 4px 16px rgba(20,184,166,0.3); transform:scale(1.1); }
.wzp-progress__line { transition:all 0.6s cubic-bezier(0.4,0,0.2,1); }
.wzp-hero__emoji { animation:wzp-hero-float 3s ease-in-out infinite; }
@keyframes wzp-hero-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
.wz-results__title { font-size:1.25rem; font-weight:700; color:var(--color-text); margin-bottom:6px; }
.wz-results__title span { font-weight:400; font-size:0.85rem; color:var(--color-text-muted); }
.wz-results__season-note { display:flex; align-items:center; gap:6px; font-size:0.8rem; color:var(--color-text-muted); background:var(--color-bg-light); padding:8px 14px; border-radius:8px; margin-bottom:20px; }
.wz-results__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:20px; }
@media(min-width:768px){ .wz-results__grid{grid-template-columns:repeat(3,1fr);gap:16px} }
@media(min-width:1024px){ .wz-results__grid{grid-template-columns:repeat(4,1fr);gap:20px} }
.wz-results__bulk-add { text-align:center; padding:20px 0; margin-bottom:16px; }
.wz-results__add-all-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:linear-gradient(135deg,var(--color-primary) 0%,#0d9488 100%); color:#fff; border:none; border-radius:12px; font-size:1rem; font-weight:600; cursor:pointer; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); box-shadow:0 4px 16px rgba(20,184,166,0.25); }
.wz-results__add-all-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(20,184,166,0.35); }
.wz-results__add-all-btn:disabled { opacity:0.7; cursor:wait; transform:none; }
.wz-results__add-all-note { font-size:0.78rem; color:var(--color-text-muted); margin-top:8px; }
.wz-results__fallback-intro { display:flex; align-items:center; gap:8px; padding:12px 16px; background:linear-gradient(135deg,#FEF3C7 0%,#FDE68A 100%); border-radius:10px; margin-bottom:20px; font-size:0.85rem; color:#92400E; }
.wz-results__fallback-intro p { margin:0; }
.wz-results__shop-btn { display:inline-flex; align-items:center; gap:6px; padding:12px 28px; background:var(--color-bg-light); color:var(--color-text); border-radius:10px; font-weight:600; font-size:0.9rem; text-decoration:none; transition:all 0.2s; border:1px solid var(--color-border); }
.wz-results__shop-btn:hover { background:var(--color-primary); color:#fff; border-color:var(--color-primary); }
.wz-results__more { text-align:center; padding:12px 0; }
.wz-results__fallback { text-align:center; padding:40px 20px; }
.wz-results__fallback p { color:var(--color-text-muted); margin-bottom:16px; }
.wzp-step { animation:wzp-step-in 0.35s cubic-bezier(0.4,0,0.2,1); }
@keyframes wzp-step-in { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
html[data-theme="dark"] .wzp-card,body[data-theme="dark"] .wzp-card { background:rgba(30,30,30,0.85); border-color:rgba(255,255,255,0.08); }
html[data-theme="dark"] .wz-results__fallback-intro,body[data-theme="dark"] .wz-results__fallback-intro { background:rgba(146,64,14,0.15); color:#FDE68A; }

/* ==========================================================================
   PREMIUM FOOTER — v5.0
   Trust strip, 4-col grid, social icons, payment badges, bottom bar
   ========================================================================== */

/* ── Trust Strip ── */
.ft-trust {
    background: var(--color-bg-light);
    border-top: 1px solid var(--color-border);
    padding: 28px 0;
}
.ft-trust__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.ft-trust__item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ft-trust__item svg {
    flex-shrink: 0;
    color: var(--color-primary);
}
.ft-trust__item div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.ft-trust__item strong {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-text);
}
.ft-trust__item span {
    font-size: 0.6875rem;
    color: var(--color-text-muted);
}

/* ==========================================================================
   PREMIUM FOOTER v3.0
   Sections: Newsletter CTA → Trust Bar → 4-Column Main → Bottom Bar
   ========================================================================== */

/* ── Newsletter CTA Band ── */
.ft-cta {
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    padding: 0;
    position: relative;
    overflow: hidden;
}
.ft-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events: none;
}
.ft-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 0;
    position: relative;
    z-index: 1;
}
.ft-cta__text {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #fff;
    min-width: 0;
}
.ft-cta__icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    opacity: .85;
}
.ft-cta__text strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.ft-cta__text span {
    display: block;
    font-size: 0.8125rem;
    opacity: .8;
    margin-top: 2px;
}
.ft-cta__form {
    display: flex;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,.15);
}
.ft-cta__form input {
    width: 260px;
    padding: 14px 18px;
    border: none;
    font-size: 0.875rem;
    background: #fff;
    color: #111;
    outline: none;
}
.ft-cta__form input::placeholder { color: #9ca3af; }
.ft-cta__form button {
    padding: 14px 28px;
    border: none;
    background: #111827;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background 200ms ease;
}
.ft-cta__form button:hover { background: #1f2937; }

/* ── Trust Bar ── */
.ft-trust {
    background: #f0fdfa;
    border-top: 1px solid #ccfbf1;
    border-bottom: 1px solid #e5e7eb;
    padding: 20px 0;
}
.ft-trust__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.ft-trust__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.ft-trust__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.ft-trust__item svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    color: #0d9488;
}
.ft-trust__item strong {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}
.ft-trust__item span {
    display: block;
    font-size: 0.6875rem;
    color: #6b7280;
    margin-top: 1px;
}

/* ── Main Footer ── */
.ft-main {
    background: #111827;
    color: #d1d5db;
    padding: 52px 0 40px;
}
.ft-main__grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: 48px;
}

/* Column Titles */
.ft-col__title {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #f9fafb;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 20px;
    padding-bottom: 0;
}
.ft-col__title::after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background: #0d9488;
    border-radius: 2px;
    margin-top: 12px;
}

/* Column Links */
.ft-col__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ft-col__links li a {
    font-size: 0.8125rem;
    color: #9ca3af;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0;
    transition: color 180ms ease, gap 180ms ease;
}
.ft-col__links li a::before {
    content: '';
    width: 0;
    height: 2px;
    background: #0d9488;
    border-radius: 2px;
    transition: width 180ms ease;
    flex-shrink: 0;
}
.ft-col__links li a:hover {
    color: #fff;
    gap: 8px;
}
.ft-col__links li a:hover::before {
    width: 12px;
}

/* Brand Column */
.ft-col--brand { padding-right: 24px; }
.ft-logo { margin-bottom: 16px; }
.ft-logo img {
    height: 40px;
    width: auto;
    filter: brightness(0) invert(1);
    opacity: .9;
}
.ft-logo strong {
    font-size: 1.375rem;
    color: #fff;
    letter-spacing: -0.02em;
}
.ft-brand__desc {
    font-size: 0.8125rem;
    color: #9ca3af;
    line-height: 1.7;
    margin: 0 0 20px;
}

/* Brand Contact */
.ft-brand__contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.ft-brand__contact a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: #9ca3af;
    text-decoration: none;
    transition: color 180ms ease;
}
.ft-brand__contact a:hover { color: #fff; }
.ft-brand__contact svg { opacity: .6; flex-shrink: 0; }

/* Social Icons */
.ft-social {
    display: flex;
    gap: 8px;
}
.ft-social__link {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    color: #9ca3af;
    transition: all 200ms ease;
}
.ft-social__link svg {
    width: 18px;
    height: 18px;
}
.ft-social__link:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,.3);
}
.ft-social--instagram:hover { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.ft-social--facebook:hover { background: #1877f2; }
.ft-social--twitter:hover { background: #000; }
.ft-social--tiktok:hover { background: #010101; }
.ft-social--youtube:hover { background: #ff0000; }
.ft-social--whatsapp:hover { background: #25d366; }

/* Contact Column */
.ft-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ft-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.8125rem;
    color: #9ca3af;
    line-height: 1.6;
}
.ft-contact li svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #0d9488;
    margin-top: 2px;
}
.ft-contact li a {
    color: #9ca3af;
    text-decoration: none;
    transition: color 180ms ease;
}
.ft-contact li a:hover { color: #fff; }

/* ── Bottom Bar ── */
.ft-bottom {
    background: #0a0f1a;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.05);
}
.ft-bottom__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.ft-bottom__copy {
    font-size: 0.75rem;
    color: #6b7280;
    margin: 0;
}
.ft-bottom__copy a {
    color: #9ca3af;
    text-decoration: none;
    font-weight: 600;
}
.ft-bottom__copy a:hover { color: #fff; }
.ft-bottom__seller {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}
.ft-bottom__seller span {
    font-size: 0.6875rem;
    color: #4b5563;
    padding: 0 12px;
    border-right: 1px solid rgba(255,255,255,.08);
    line-height: 1;
}
.ft-bottom__seller span:last-child { border-right: none; }
.ft-bottom__seller span:first-child { padding-left: 0; }
.ft-bottom__pay {
    display: flex;
    gap: 6px;
}
.ft-pay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: #6b7280;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    transition: border-color 200ms ease;
}
.ft-pay:hover { border-color: rgba(255,255,255,.2); }

/* ── Tablet (≤1024px) ── */
@media (max-width: 1024px) {
    .ft-cta__inner { flex-direction: column; text-align: center; }
    .ft-cta__text { justify-content: center; }
    .ft-cta__form { width: 100%; max-width: 420px; }
    .ft-cta__form input { flex: 1; width: auto; min-width: 0; }
    .ft-trust__row { grid-template-columns: repeat(2, 1fr); }
    .ft-main__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
    .ft-col--brand { padding-right: 0; }
}

/* ── Mobile (≤480px) ── */
@media (max-width: 480px) {
    /* CTA */
    .ft-cta__icon { display: none; }
    .ft-cta__text { flex-direction: column; }
    .ft-cta__form { flex-direction: column; border-radius: 12px; }
    .ft-cta__form input { width: 100%; border-radius: 12px 12px 0 0; }
    .ft-cta__form button { border-radius: 0 0 12px 12px; padding: 14px; }

    /* Trust */
    .ft-trust__row { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ft-trust__item { padding: 10px 12px; gap: 10px; }
    .ft-trust__item svg { width: 22px; height: 22px; }
    .ft-trust__item strong { font-size: 0.75rem; }
    .ft-trust__item span { font-size: 0.625rem; }

    /* Main Grid — Brand full → Links 2-col → Contact full centered */
    .ft-main { padding: 36px 0 28px; }
    .ft-main__grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
    }
    /* Brand: full width row 1 */
    .ft-col--brand {
        grid-column: 1 / -1;
        text-align: center;
        padding-right: 0;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .ft-logo { display: flex; justify-content: center; }
    .ft-brand__desc { text-align: center; }
    .ft-brand__contact { align-items: center; }
    .ft-social { justify-content: center; }

    /* Hızlı Bağlantılar + Yasal: side by side in row 2 */
    /* (they naturally fall into the 2-col grid) */

    /* Contact: full width row 3, centered */
    .ft-col--contact {
        grid-column: 1 / -1;
        text-align: center;
        padding-top: 24px;
        border-top: 1px solid rgba(255,255,255,.06);
    }
    .ft-col--contact .ft-col__title::after { margin: 8px auto 0; }
    .ft-col--contact .ft-contact { align-items: center; }
    .ft-col--contact .ft-contact li { justify-content: center; }

    /* Bottom */
    .ft-bottom__inner { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
    .ft-bottom__seller { justify-content: center; flex-wrap: wrap; }
    .ft-bottom__seller span { padding: 0 8px; font-size: 0.625rem; }
    .ft-bottom__pay { justify-content: center; }
    .ft-bottom { padding-bottom: 72px; }
}

/* Footer fills to bottom - no white gap */
.ft { background: #111827; }
.ft-bottom { margin-bottom: 0; }
body, html, #page { background: #0a0f1a; }
#page { min-height: 100vh; }
#content { background: var(--color-bg, #fff); }
.site-header { background: var(--color-bg, #fff); }
.site-footer { margin-top: 0; }

/* ── Dark Mode (footer is already dark, trust bar needs override) ── */
html[data-theme="dark"] .ft-cta,
body[data-theme="dark"] .ft-cta { background: linear-gradient(135deg, #0f766e 0%, #064e3b 100%); }
html[data-theme="dark"] .ft-trust,
body[data-theme="dark"] .ft-trust { background: #1f2937; border-color: #374151; }
html[data-theme="dark"] .ft-trust__item,
body[data-theme="dark"] .ft-trust__item { background: #111827; border-color: #374151; }
html[data-theme="dark"] .ft-trust__item strong,
body[data-theme="dark"] .ft-trust__item strong { color: #f3f4f6; }
html[data-theme="dark"] .ft-main,
body[data-theme="dark"] .ft-main { background: #0a0e17; }
html[data-theme="dark"] .ft-bottom,
body[data-theme="dark"] .ft-bottom { background: #050810; }


/* ==========================================================================
   LEGAL PAGES — Premium Layout
   Sidebar TOC + Clean Article + Seller Card
   ========================================================================== */

/* ── Breadcrumb ── */
.lp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 16px 0;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}
.lp-breadcrumb a {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--transition-fast);
}
.lp-breadcrumb a:hover { color: var(--color-primary); }
.lp-breadcrumb span { color: var(--color-text); font-weight: 500; }
.lp-breadcrumb svg { opacity: 0.4; }

/* ── Layout ── */
.lp-main { padding-bottom: 60px; }
.lp-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 40px;
    align-items: start;
}

/* ── Sidebar ── */
.lp-sidebar__sticky {
    position: sticky;
    top: calc(var(--header-height, 64px) + 20px);
}
.lp-sidebar__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-text-muted);
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--color-border);
}
.lp-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 24px;
}
.lp-sidebar__link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
    line-height: 1.3;
}
.lp-sidebar__link svg { flex-shrink: 0; opacity: 0.5; }
.lp-sidebar__link:hover {
    color: var(--color-text);
    background: var(--color-bg-light);
}
.lp-sidebar__link:hover svg { opacity: 0.8; }
.lp-sidebar__link.is-active {
    color: var(--color-primary);
    background: rgba(20, 184, 166, 0.06);
    font-weight: 600;
}
.lp-sidebar__link.is-active svg { opacity: 1; color: var(--color-primary); }

/* ── Seller Card ── */
.lp-seller-card {
    background: var(--color-bg-light);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 16px;
    font-size: 0.75rem;
}
.lp-seller-card__title {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-text-muted);
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid var(--color-border);
}
.lp-seller-card__row {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(0,0,0,0.04);
}
.lp-seller-card__row:last-child { border-bottom: 0; }
.lp-seller-card__row span {
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-light);
}
.lp-seller-card__row strong {
    font-weight: 600;
    color: var(--color-text);
    word-break: break-word;
}

/* ── Content Area ── */
.lp-content {
    min-width: 0;
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

/* Header */
.lp-content__header {
    padding: 28px 36px 20px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-light);
}
.lp-content__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.lp-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: var(--radius-full);
}
.lp-badge--legal {
    background: rgba(20, 184, 166, 0.08);
    color: var(--color-primary-dark);
    border: 1px solid rgba(20, 184, 166, 0.15);
}
.lp-meta-date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.6875rem;
    color: var(--color-text-light);
}
.lp-content__title {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0;
    line-height: var(--line-height-tight);
    letter-spacing: -0.02em;
}
.lp-content__actions {
    margin-top: 14px;
}
.lp-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
    border: none;
    line-height: 1.4;
}
.lp-btn--primary {
    background: var(--color-primary);
    color: #fff;
}
.lp-btn--primary:hover { background: var(--color-primary-dark); color: #fff; }
.lp-btn--ghost {
    background: var(--color-bg-white);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}
.lp-btn--ghost:hover { border-color: var(--color-primary); color: var(--color-primary); }

/* Body */
.lp-content__body {
    padding: 32px 36px 40px;
    font-size: 0.9375rem;
    line-height: 1.8;
    color: var(--color-text);
}
.lp-content__body h2 {
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 40px 0 16px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border);
    letter-spacing: -0.01em;
}
.lp-content__body h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.lp-content__body h3 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 28px 0 10px;
    padding-left: 12px;
    border-left: 3px solid var(--color-primary);
}
.lp-content__body h4 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 20px 0 8px;
}
.lp-content__body p {
    margin: 0 0 16px;
    color: var(--color-text);
}
.lp-content__body ul, .lp-content__body ol {
    margin: 0 0 16px;
    padding-left: 24px;
}
.lp-content__body li {
    margin-bottom: 6px;
    line-height: 1.7;
}
.lp-content__body strong { font-weight: 700; }
.lp-content__body a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.lp-content__body a:hover { color: var(--color-primary-dark); }

/* Tables in legal content */
.lp-content__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 24px;
    font-size: 0.8125rem;
}
.lp-content__body table th,
.lp-content__body table td {
    padding: 10px 14px;
    text-align: left;
    border: 1px solid var(--color-border);
}
.lp-content__body table th {
    background: var(--color-bg-light);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-text-muted);
}
.lp-content__body table td { vertical-align: top; }
.lp-content__body table tr:nth-child(even) td {
    background: rgba(0,0,0,0.015);
}

/* Info/Warning Boxes */
.lp-content__body .legal-notice,
.lp-content__body .legal-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    border-radius: var(--radius-md);
    margin: 16px 0 20px;
    font-size: 0.8125rem;
    line-height: 1.6;
}
.lp-content__body .legal-notice {
    background: rgba(245, 158, 11, 0.06);
    border: 1px solid rgba(245, 158, 11, 0.15);
    color: #92400e;
}
.lp-content__body .legal-info {
    background: rgba(59, 130, 246, 0.06);
    border: 1px solid rgba(59, 130, 246, 0.15);
    color: #1e40af;
}

/* ── Contact CTA ── */
.lp-contact-cta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 24px 36px;
    background: var(--color-bg-light);
    border-top: 1px solid var(--color-border);
}
.lp-contact-cta__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(20, 184, 166, 0.08);
    border-radius: var(--radius-lg);
    color: var(--color-primary);
    flex-shrink: 0;
}
.lp-contact-cta__text { flex: 1; min-width: 0; }
.lp-contact-cta__text strong {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
}
.lp-contact-cta__text p {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}
.lp-contact-cta__actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* ── Mobile Responsive ── */
@media (max-width: 1024px) {
    .lp-layout {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .lp-sidebar { display: none; }
    .lp-content__header { padding: 20px 20px 16px; }
    .lp-content__body { padding: 20px 20px 32px; }
    .lp-content__title { font-size: 1.375rem; }
    .lp-contact-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .lp-contact-cta__actions { width: 100%; }
    .lp-contact-cta__actions .lp-btn { flex: 1; justify-content: center; }
}
@media (max-width: 768px) {
    .lp-content__body { font-size: 0.875rem; }
    .lp-content__body h2 { font-size: 1.1875rem; }
    .lp-content__body h3 { font-size: 1rem; }
}

/* ── Print ── */
@media print {
    .site-header, .site-footer, .lp-sidebar, .lp-breadcrumb,
    .lp-content__actions, .lp-contact-cta, .mobile-navbar { display: none !important; }
    .lp-layout { grid-template-columns: 1fr !important; }
    .lp-content { border: none !important; box-shadow: none !important; }
    .lp-content__body { padding: 0 !important; font-size: 11pt; }
}

/* ── Dark mode ── */
html[data-theme="dark"] .lp-content,
body[data-theme="dark"] .lp-content {
    background: var(--color-bg-card);
    border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .lp-content__header,
body[data-theme="dark"] .lp-content__header {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .lp-seller-card,
body[data-theme="dark"] .lp-seller-card {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .lp-contact-cta,
body[data-theme="dark"] .lp-contact-cta {
    background: rgba(255,255,255,0.02);
}


/* ==========================================================================
   MY ACCOUNT — Premium Dashboard (Trendyol/Hepsiburada style)
   ========================================================================== */

/* ── Layout ── */
.ab-account { display: grid; grid-template-columns: 280px 1fr; gap: 28px; padding: 24px 0; min-height: 60vh; }

/* ── Navigation Sidebar ── */
.ab-account-nav { background: #fff; border-radius: 16px; border: 1px solid #e5e7eb; overflow: hidden; height: fit-content; position: sticky; top: 100px; }
.ab-account-nav__profile { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid #f3f4f6; background: linear-gradient(135deg, #f0fdfa 0%, #f5f3ff 100%); }
.ab-account-nav__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid #0d9488; }
.ab-account-nav__user { display: flex; flex-direction: column; min-width: 0; }
.ab-account-nav__user strong { font-size: 0.9rem; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ab-account-nav__user span { font-size: 0.75rem; color: #6b7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ab-account-nav__menu { list-style: none; margin: 0; padding: 8px; }
.ab-account-nav__item { margin: 0; }
.ab-account-nav__item a { list-style: none; }
.ab-account-nav__link { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; color: #374151; text-decoration: none; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; }
.ab-account-nav__link:hover { background: #f3f4f6; color: #0d9488; }
.ab-account-nav__icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: #f9fafb; flex-shrink: 0; transition: all 0.2s; }
.ab-account-nav__icon svg { color: #6b7280; transition: color 0.2s; }
.ab-account-nav__link:hover .ab-account-nav__icon { background: #f0fdfa; }
.ab-account-nav__link:hover .ab-account-nav__icon svg { color: #0d9488; }
.ab-account-nav__text { flex: 1; }
.ab-account-nav__arrow { color: #d1d5db; transition: all 0.2s; }
.ab-account-nav__link:hover .ab-account-nav__arrow { color: #0d9488; transform: translateX(2px); }

/* Active state */
.ab-account-nav__item.is-active .ab-account-nav__link,
.ab-account-nav__item.is-active > a { background: #f0fdfa; color: #0d9488; font-weight: 600; }
.ab-account-nav__item.is-active .ab-account-nav__icon { background: #ccfbf1; }
.ab-account-nav__item.is-active .ab-account-nav__icon svg { color: #0d9488; }
.ab-account-nav__item.is-active .ab-account-nav__arrow { color: #0d9488; }

/* Logout separator */
.ab-account-nav__item--logout { margin-top: 4px; padding-top: 8px; border-top: 1px solid #f3f4f6; }
.ab-account-nav__item--logout .ab-account-nav__link:hover { background: #fef2f2; color: #dc2626; }
.ab-account-nav__item--logout .ab-account-nav__link:hover .ab-account-nav__icon { background: #fee2e2; }
.ab-account-nav__item--logout .ab-account-nav__link:hover .ab-account-nav__icon svg { color: #dc2626; }

/* ── Dashboard Content ── */
.ab-account__content { min-width: 0; }
.ab-dash { display: flex; flex-direction: column; gap: 24px; }

/* Welcome Banner */
.ab-dash__welcome { display: flex; align-items: center; gap: 16px; padding: 24px; background: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 50%, #f5f3ff 100%); border-radius: 16px; border: 1px solid #d1fae5; }
.ab-dash__avatar img { width: 64px; height: 64px; border-radius: 50%; border: 3px solid #0d9488; object-fit: cover; }
.ab-dash__greeting h2 { margin: 0; font-size: 1.25rem; color: #111827; font-weight: 600; }
.ab-dash__greeting h2 strong { color: #0d9488; }
.ab-dash__greeting p { margin: 4px 0 0; font-size: 0.85rem; color: #6b7280; }

/* Stats Cards */
.ab-dash__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.ab-stat { display: flex; align-items: center; gap: 12px; padding: 18px 16px; background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; text-decoration: none; transition: all 0.25s; }
.ab-stat:hover { border-color: #0d9488; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(13,148,136,0.1); }
.ab-stat__icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; }
.ab-stat--total .ab-stat__icon { background: #f0fdfa; color: #0d9488; }
.ab-stat--processing .ab-stat__icon { background: #fef3c7; color: #d97706; }
.ab-stat--shipped .ab-stat__icon { background: #d1fae5; color: #059669; }
.ab-stat--return .ab-stat__icon { background: #fee2e2; color: #dc2626; }
.ab-stat__data { display: flex; flex-direction: column; }
.ab-stat__num { font-size: 1.4rem; font-weight: 700; color: #111827; line-height: 1; }
.ab-stat__label { font-size: 0.75rem; color: #6b7280; margin-top: 4px; }

/* Quick Actions */
.ab-dash__section-title { font-size: 1rem; font-weight: 600; color: #111827; margin: 0 0 14px; }
.ab-dash__actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ab-action { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 12px; background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; text-decoration: none; text-align: center; transition: all 0.25s; }
.ab-action:hover { border-color: #0d9488; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(13,148,136,0.08); }
.ab-action__icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; }
.ab-action__icon--orders { background: #dbeafe; color: #2563eb; }
.ab-action__icon--fav { background: #fce7f3; color: #ec4899; }
.ab-action__icon--addr { background: #d1fae5; color: #059669; }
.ab-action__icon--account { background: #e0e7ff; color: #6366f1; }
.ab-action__icon--coupon { background: #fef3c7; color: #d97706; }
.ab-action__icon--support { background: #f3e8ff; color: #9333ea; }
.ab-action span { font-size: 0.825rem; font-weight: 500; color: #374151; }
.ab-action:hover span { color: #0d9488; }

/* Section Header */
.ab-dash__section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: -8px; }
.ab-dash__view-all { display: flex; align-items: center; gap: 4px; font-size: 0.825rem; color: #0d9488; text-decoration: none; font-weight: 500; }
.ab-dash__view-all:hover { text-decoration: underline; }

/* Recent Orders */
.ab-dash__orders { display: flex; flex-direction: column; gap: 10px; }
.ab-order-card { display: flex; align-items: center; gap: 14px; padding: 16px; background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; text-decoration: none; transition: all 0.2s; }
.ab-order-card:hover { border-color: #0d9488; box-shadow: 0 4px 16px rgba(0,0,0,0.04); }
.ab-order-card__thumb { position: relative; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; flex-shrink: 0; background: #f9fafb; }
.ab-order-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.ab-order-card__count { position: absolute; bottom: 2px; right: 2px; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.625rem; padding: 2px 5px; border-radius: 6px; font-weight: 600; }
.ab-order-card__info { flex: 1; min-width: 0; }
.ab-order-card__top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.ab-order-card__id { font-size: 0.8rem; font-weight: 600; color: #111827; }
.ab-order-card__badge { font-size: 0.68rem; padding: 2px 8px; border-radius: 6px; font-weight: 600; }
.ab-order-card__badge--processing, .ab-order-card__badge--on-hold { background: #fef3c7; color: #92400e; }
.ab-order-card__badge--completed { background: #d1fae5; color: #065f46; }
.ab-order-card__badge--pending { background: #e0e7ff; color: #3730a3; }
.ab-order-card__badge--cancelled, .ab-order-card__badge--failed { background: #fee2e2; color: #991b1b; }
.ab-order-card__badge--refunded { background: #f3e8ff; color: #6b21a8; }
.ab-order-card__product { margin: 0; font-size: 0.825rem; color: #4b5563; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ab-order-card__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; }
.ab-order-card__date { font-size: 0.75rem; color: #9ca3af; }
.ab-order-card__total { font-size: 0.85rem; font-weight: 700; color: #0d9488; }
.ab-order-card__arrow { color: #d1d5db; flex-shrink: 0; transition: all 0.2s; }
.ab-order-card:hover .ab-order-card__arrow { color: #0d9488; transform: translateX(2px); }

/* ── Endpoint Pages (Favorites, Coupons, Support) ── */
.ab-endpoint { }
.ab-endpoint__header { margin-bottom: 20px; }
.ab-endpoint__title { display: flex; align-items: center; gap: 10px; font-size: 1.15rem; font-weight: 600; color: #111827; margin: 0; }
.ab-endpoint__title svg { color: #0d9488; }

/* Empty State */
.ab-empty-state { text-align: center; padding: 48px 20px; background: #f9fafb; border-radius: 16px; border: 2px dashed #e5e7eb; }
.ab-empty-state svg { color: #d1d5db; margin-bottom: 16px; }
.ab-empty-state h3 { font-size: 1.05rem; color: #374151; margin: 0 0 8px; }
.ab-empty-state p { font-size: 0.85rem; color: #6b7280; margin: 0 0 20px; }
.ab-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; border-radius: 10px; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer; }
.ab-btn--primary { background: #0d9488; color: #fff; }
.ab-btn--primary:hover { background: #0f766e; transform: translateY(-1px); }

/* Favorites Grid */
.ab-fav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.ab-fav-loading { grid-column: 1/-1; text-align: center; padding: 40px; color: #6b7280; }
.ab-spinner { width: 32px; height: 32px; border: 3px solid #e5e7eb; border-top-color: #0d9488; border-radius: 50%; animation: ab-spin 0.6s linear infinite; margin: 0 auto 12px; }
@keyframes ab-spin { to { transform: rotate(360deg); } }

/* Favorites Card */
.ab-fav-card { background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; overflow: hidden; transition: all 0.25s; }
.ab-fav-card:hover { border-color: #d1d5db; box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.ab-fav-card__img-wrap { position: relative; aspect-ratio: 1/1; overflow: hidden; background: #f9fafb; }
.ab-fav-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.ab-fav-card:hover .ab-fav-card__img-wrap img { transform: scale(1.05); }
.ab-fav-card__badge { position: absolute; top: 10px; left: 10px; font-size: 0.72rem; font-weight: 800; padding: 5px 10px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.3px; z-index: 2; line-height: 1; }
.ab-fav-card__badge--sale { background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; box-shadow: 0 3px 10px rgba(239,68,68,0.35); animation: ab-badge-pulse 2s ease-in-out infinite; }
.ab-fav-card__badge--oos { background: #fef2f2; color: #dc2626; }
@keyframes ab-badge-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.ab-fav-card__remove { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.9); border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280; transition: all 0.2s; opacity: 0; }
.ab-fav-card:hover .ab-fav-card__remove { opacity: 1; }
.ab-fav-card__remove:hover { background: #fef2f2; color: #dc2626; border-color: #fecaca; }
.ab-fav-card__info { padding: 12px 14px 14px; }
.ab-fav-card__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.82rem; font-weight: 500; color: #374151; text-decoration: none; line-height: 1.4; margin-bottom: 6px; }
.ab-fav-card__title:hover { color: #0d9488; }
.ab-fav-card__price { font-size: 0.88rem; font-weight: 700; color: #111827; margin-bottom: 10px; }
.ab-fav-card__price del { color: #9ca3af; font-weight: 400; font-size: 0.78rem; }
.ab-fav-card__price ins { text-decoration: none; color: #dc2626; }
.ab-fav-card__btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: #0d9488; color: #fff; border-radius: 8px; font-size: 0.78rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.ab-fav-card__btn:hover { background: #0f766e; }
.ab-fav-card__oos-text { font-size: 0.78rem; color: #9ca3af; font-style: italic; }

/* ── İADE INFO BOX ── */
.ab-iade-info { background: linear-gradient(135deg, #f0f9ff, #f0fdfa); border: 1.5px solid #bae6fd; border-radius: 16px; padding: 24px; margin-top: 24px; }
.ab-iade-info__header { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #0369a1; }
.ab-iade-info__header h4 { margin: 0; font-size: 1rem; font-weight: 700; }
.ab-iade-info__steps { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
.ab-iade-info__step { display: flex; gap: 14px; align-items: flex-start; }
.ab-iade-info__num { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; background: #0d9488; color: #fff; border-radius: 50%; font-size: 0.82rem; font-weight: 700; }
.ab-iade-info__step strong { display: block; font-size: 0.88rem; color: #111827; margin-bottom: 2px; }
.ab-iade-info__step p { margin: 0; font-size: 0.82rem; color: #6b7280; line-height: 1.5; }
.ab-iade-info__btn { display: inline-flex; align-items: center; gap: 8px; }
html[data-theme="dark"] .ab-iade-info { background: linear-gradient(135deg, #0c1a2e, #0a1f1a); border-color: #1e3a5f; }
html[data-theme="dark"] .ab-iade-info__header { color: #7dd3fc; }
html[data-theme="dark"] .ab-iade-info__step strong { color: #f3f4f6; }
html[data-theme="dark"] .ab-iade-info__step p { color: #9ca3af; }

/* ── COMPANION RETURNS PAGE PREMIUM OVERRIDE ── */
.almira-myaccount .abc-ret-page__title { font-size: 1.1rem; font-weight: 700; color: #111827; display: flex; align-items: center; gap: 8px; margin: 0 0 20px; }
.almira-myaccount .abc-ret-page__empty { background: linear-gradient(135deg, #f0fdfa, #ecfdf5); border: 1.5px solid #a7f3d0; border-radius: 16px; padding: 28px 24px; text-align: center; color: #065f46; font-size: 0.9rem; }
.almira-myaccount .abc-ret-card { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 20px; margin-bottom: 14px; transition: all 0.2s; }
.almira-myaccount .abc-ret-card:hover { border-color: #0d9488; box-shadow: 0 4px 16px rgba(13,148,136,0.08); }
html[data-theme="dark"] .almira-myaccount .abc-ret-page__title { color: #f3f4f6; }
html[data-theme="dark"] .almira-myaccount .abc-ret-page__empty { background: rgba(13,148,136,0.08); border-color: #0d9488; color: #5eead4; }
html[data-theme="dark"] .almira-myaccount .abc-ret-card { background: #1f2937; border-color: #374151; }
.ab-endpoint__count { font-size: 0.82rem; font-weight: 500; color: #6b7280; margin-left: 6px; }
@media (max-width: 480px) {
    .ab-fav-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ab-fav-card__remove { opacity: 1; }
    .ab-fav-card__info { padding: 8px 10px 10px; }
}
html[data-theme="dark"] .ab-fav-card { background: #1f2937; border-color: #374151; }
html[data-theme="dark"] .ab-fav-card__title { color: #d1d5db; }
html[data-theme="dark"] .ab-fav-card__price { color: #f3f4f6; }
html[data-theme="dark"] .ab-fav-card__img-wrap { background: #111827; }
html[data-theme="dark"] .ab-fav-card__remove { background: rgba(31,41,55,0.9); border-color: #4b5563; color: #9ca3af; }

/* Coupon Cards */
.ab-coupon-grid { display: flex; flex-direction: column; gap: 12px; }
.ab-coupon-card { display: flex; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; background: #fff; transition: all 0.2s; }
.ab-coupon-card:hover { border-color: #0d9488; box-shadow: 0 4px 16px rgba(13,148,136,0.08); }
.ab-coupon-card__left { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 24px; background: linear-gradient(135deg, #0d9488, #0f766e); color: #fff; min-width: 110px; position: relative; }
.ab-coupon-card__left::after { content: ''; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: #fff; border-radius: 50%; }
.ab-coupon-card__discount { font-size: 1.4rem; font-weight: 800; line-height: 1; }
.ab-coupon-card__type { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-top: 2px; }
.ab-coupon-card__right { flex: 1; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; }
.ab-coupon-card__desc { margin: 0; font-size: 0.85rem; color: #374151; font-weight: 500; }
.ab-coupon-card__min, .ab-coupon-card__exp { font-size: 0.75rem; color: #6b7280; }
.ab-coupon-card__copy { display: inline-flex; align-items: center; gap: 6px; background: #f0fdfa; border: 1px dashed #0d9488; padding: 6px 12px; border-radius: 8px; cursor: pointer; transition: all 0.2s; margin-top: 4px; width: fit-content; }
.ab-coupon-card__copy:hover { background: #ccfbf1; }
.ab-coupon-card__copy code { font-size: 0.8rem; font-weight: 700; color: #0d9488; letter-spacing: 1px; }
.ab-coupon-card__copy svg { color: #0d9488; }

/* Support Grid */
.ab-support-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 24px; }
.ab-support-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 24px 16px; background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; text-decoration: none; transition: all 0.25s; }
.ab-support-card:hover { border-color: #0d9488; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(13,148,136,0.08); }
.ab-support-card__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; }
.ab-support-card__icon--phone { background: #dbeafe; color: #2563eb; }
.ab-support-card__icon--whatsapp { background: #d1fae5; color: #22c55e; }
.ab-support-card__icon--email { background: #fce7f3; color: #ec4899; }
.ab-support-card__icon--faq { background: #fef3c7; color: #d97706; }
.ab-support-card h4 { margin: 0; font-size: 0.9rem; color: #111827; }
.ab-support-card p { margin: 0; font-size: 0.8rem; color: #6b7280; }
.ab-support-card__hours { font-size: 0.7rem; color: #9ca3af; }

/* Support Info */
.ab-support-info { background: #fff; border-radius: 14px; border: 1px solid #e5e7eb; padding: 24px; }
.ab-support-info h3 { font-size: 1rem; font-weight: 600; color: #111827; margin: 0 0 18px; }
.ab-support-steps { display: flex; flex-direction: column; gap: 18px; }
.ab-support-step { display: flex; align-items: flex-start; gap: 14px; }
.ab-support-step__num { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #0d9488; color: #fff; font-size: 0.8rem; font-weight: 700; flex-shrink: 0; }
.ab-support-step strong { font-size: 0.85rem; color: #111827; }
.ab-support-step p { margin: 2px 0 0; font-size: 0.8rem; color: #6b7280; }

/* ── WC Default Pages Styling inside .ab-account ── */
.ab-account .woocommerce-MyAccount-content .woocommerce-orders-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.ab-account .woocommerce-MyAccount-content .woocommerce-orders-table th { background: #f9fafb; font-size: 0.78rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 14px; border-bottom: 2px solid #e5e7eb; }
.ab-account .woocommerce-MyAccount-content .woocommerce-orders-table td { padding: 14px; border-bottom: 1px solid #f3f4f6; font-size: 0.85rem; color: #374151; }
.ab-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button { display: inline-flex; padding: 6px 14px; background: #0d9488; color: #fff; border-radius: 8px; font-size: 0.78rem; font-weight: 500; text-decoration: none; transition: background 0.2s; }
.ab-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover { background: #0f766e; }
.ab-account .woocommerce-MyAccount-content .woocommerce-address-fields input,
.ab-account .woocommerce-MyAccount-content .woocommerce-address-fields select,
.ab-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input,
.ab-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm select { padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 0.85rem; transition: border-color 0.2s; }
.ab-account .woocommerce-MyAccount-content .woocommerce-address-fields input:focus,
.ab-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input:focus { border-color: #0d9488; outline: none; box-shadow: 0 0 0 3px rgba(13,148,136,0.1); }
.ab-account .woocommerce-MyAccount-content button[type="submit"],
.ab-account .woocommerce-MyAccount-content .woocommerce-Button { background: #0d9488; color: #fff; padding: 12px 28px; border: none; border-radius: 10px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.ab-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.ab-account .woocommerce-MyAccount-content .woocommerce-Button:hover { background: #0f766e; transform: translateY(-1px); }

/* ==========================================================================
   MY ACCOUNT — ALL SUB-PAGES PREMIUM STYLING
   ========================================================================== */

/* ── Scope: almira-myaccount body class ── */

/* Global Content Area */
.almira-myaccount .woocommerce-MyAccount-content { font-size: 0.88rem; color: #374151; }
.almira-myaccount .woocommerce-MyAccount-content > h2,
.almira-myaccount .woocommerce-MyAccount-content > h3 { font-size: 1.15rem; font-weight: 700; color: #111827; margin: 0 0 20px; display: flex; align-items: center; gap: 8px; }

/* WC default info text */
.almira-myaccount .woocommerce-MyAccount-content > p:first-of-type { font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin-bottom: 24px; }

/* ── ADDRESSES PAGE (ab-addresses) ── */
.ab-addresses__desc { display: flex; align-items: center; gap: 8px; font-size: 0.84rem; color: #6b7280; margin: 0 0 20px; line-height: 1.5; }
.ab-addresses__desc svg { flex-shrink: 0; color: #9ca3af; }
.ab-addresses__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }

.ab-address-card { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 16px; padding: 20px; transition: all 0.25s; }
.ab-address-card:hover { border-color: #0d9488; box-shadow: 0 4px 20px rgba(13,148,136,0.08); }

.ab-address-card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #f3f4f6; }
.ab-address-card__title-row { display: flex; align-items: center; gap: 10px; }
.ab-address-card__icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: linear-gradient(135deg, #f0fdfa, #ccfbf1); border-radius: 10px; color: #0d9488; flex-shrink: 0; }
.ab-address-card__icon svg { width: 18px; height: 18px; }
.ab-address-card__title { font-size: 0.95rem; font-weight: 700; color: #111827; margin: 0; }

.ab-address-card__edit { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; font-weight: 600; color: #0d9488; text-decoration: none; padding: 7px 14px; border-radius: 8px; background: #f0fdfa; transition: all 0.2s; white-space: nowrap; }
.ab-address-card__edit:hover { background: #ccfbf1; color: #0f766e; }

.ab-address-card__body address { font-style: normal; font-size: 0.86rem; color: #4b5563; line-height: 1.8; }

.ab-address-card__placeholder { text-align: center; padding: 24px 16px; }
.ab-address-card__placeholder svg { width: 28px; height: 28px; color: #d1d5db; margin-bottom: 10px; }
.ab-address-card__placeholder p { color: #9ca3af; font-size: 0.84rem; margin: 0 0 14px; line-height: 1.5; }
.ab-address-card__add-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; background: #f0fdfa; color: #0d9488; border-radius: 10px; font-size: 0.84rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.ab-address-card__add-btn:hover { background: #ccfbf1; }

/* ── ORDERS PAGE (ab-orders) ── */
.ab-orders__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.ab-orders__title { display: flex; align-items: center; gap: 8px; font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0; }
.ab-orders__count { font-size: 0.78rem; font-weight: 600; color: #6b7280; background: #f3f4f6; padding: 4px 12px; border-radius: 20px; }

.ab-orders__list { display: flex; flex-direction: column; gap: 14px; }

.ab-order-card { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 16px; padding: 20px; transition: all 0.2s; }
.ab-order-card:hover { border-color: #d1d5db; box-shadow: 0 4px 16px rgba(0,0,0,0.04); }

.ab-order-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ab-order-card__meta { display: flex; align-items: center; gap: 14px; }
.ab-order-card__id { font-size: 0.92rem; font-weight: 700; color: #111827; }
.ab-order-card__date { display: flex; align-items: center; gap: 4px; font-size: 0.78rem; color: #9ca3af; }
.ab-order-card__status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 14px; border-radius: 20px; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.2px; }

.ab-order-card__body { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6; margin-bottom: 14px; }
.ab-order-card__thumbs { display: flex; gap: 6px; align-items: center; }
.ab-order-card__thumb { width: 48px; height: 48px; object-fit: cover; border-radius: 10px; border: 1px solid #f3f4f6; }
.ab-order-card__more { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #f9fafb; border-radius: 10px; font-size: 0.78rem; font-weight: 600; color: #6b7280; border: 1px dashed #d1d5db; }
.ab-order-card__summary { text-align: right; }
.ab-order-card__items { display: block; font-size: 0.78rem; color: #9ca3af; margin-bottom: 2px; }
.ab-order-card__total { font-size: 1rem; font-weight: 700; color: #111827; }

.ab-order-card__actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ab-order-card__btn { display: inline-flex; align-items: center; gap: 5px; padding: 8px 18px; border-radius: 10px; font-size: 0.8rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.ab-order-card__btn--view { background: #0d9488; color: #fff; }
.ab-order-card__btn--view:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(13,148,136,0.2); }
.ab-order-card__btn--action { background: #f3f4f6; color: #374151; }
.ab-order-card__btn--action:hover { background: #e5e7eb; }
.ab-order-card__btn--cancel { background: #fef2f2; color: #dc2626; }
.ab-order-card__btn--cancel:hover { background: #fee2e2; }

/* Orders empty state */
.ab-orders-empty { text-align: center; padding: 48px 20px; background: linear-gradient(135deg, #f0fdfa, #ecfdf5); border: 1.5px solid #a7f3d0; border-radius: 20px; }
.ab-orders-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #fff; border-radius: 50%; margin-bottom: 20px; color: #d1d5db; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
.ab-orders-empty__title { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0 0 8px; }
.ab-orders-empty__desc { font-size: 0.88rem; color: #6b7280; margin: 0 0 24px; }
.ab-orders-empty__btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; background: #0d9488; color: #fff; border-radius: 12px; font-size: 0.88rem; font-weight: 700; text-decoration: none; transition: all 0.25s; }
.ab-orders-empty__btn:hover { background: #0f766e; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(13,148,136,0.25); }

/* Orders pagination */
.ab-orders__pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #f3f4f6; }
.ab-orders__page-btn { display: inline-flex; align-items: center; gap: 4px; padding: 8px 16px; border-radius: 10px; background: #f3f4f6; color: #374151; font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.ab-orders__page-btn:hover { background: #e5e7eb; }
.ab-orders__page-info { font-size: 0.82rem; color: #9ca3af; }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .ab-addresses__grid { grid-template-columns: 1fr; gap: 14px; }
    .ab-address-card { padding: 16px; }
    .ab-address-card__icon { width: 32px; height: 32px; border-radius: 8px; }
    .ab-address-card__icon svg { width: 16px; height: 16px; }
    .ab-address-card__title { font-size: 0.9rem; }
    .ab-address-card__placeholder svg { width: 24px; height: 24px; }
    .ab-address-card__placeholder p { font-size: 0.82rem; }
    .ab-address-card__add-btn { padding: 9px 16px; font-size: 0.82rem; }
    .ab-order-card__top { flex-direction: column; align-items: flex-start; gap: 8px; }
    .ab-order-card__body { flex-direction: column; align-items: flex-start; gap: 12px; }
    .ab-order-card__summary { text-align: left; }
    .ab-order-card__actions { width: 100%; }
    .ab-order-card__btn { flex: 1; justify-content: center; }
}

/* ── DARK MODE ── */
html[data-theme="dark"] .ab-address-card { background: #1f2937; border-color: #374151; }
html[data-theme="dark"] .ab-address-card:hover { border-color: #14b8a6; }
html[data-theme="dark"] .ab-address-card__title { color: #f3f4f6; }
html[data-theme="dark"] .ab-address-card__icon { background: linear-gradient(135deg, #0a2520, #0c3028); }
html[data-theme="dark"] .ab-address-card__header { border-color: #374151; }
html[data-theme="dark"] .ab-address-card__body address { color: #d1d5db; }
html[data-theme="dark"] .ab-address-card__placeholder svg { color: #4b5563; }
html[data-theme="dark"] .ab-address-card__placeholder p { color: #6b7280; }
html[data-theme="dark"] .ab-addresses__desc { color: #9ca3af; }

html[data-theme="dark"] .ab-order-card { background: #1f2937; border-color: #374151; }
html[data-theme="dark"] .ab-order-card:hover { border-color: #4b5563; }
html[data-theme="dark"] .ab-order-card__id { color: #f3f4f6; }
html[data-theme="dark"] .ab-order-card__total { color: #f3f4f6; }
html[data-theme="dark"] .ab-order-card__body { border-color: #374151; }
html[data-theme="dark"] .ab-order-card__thumb { border-color: #374151; }
html[data-theme="dark"] .ab-order-card__more { background: #111827; border-color: #4b5563; color: #9ca3af; }
html[data-theme="dark"] .ab-orders__title { color: #f3f4f6; }
html[data-theme="dark"] .ab-orders__count { background: #374151; color: #d1d5db; }
html[data-theme="dark"] .ab-orders-empty { background: linear-gradient(135deg, #0a1f1a, #0c1f1a); border-color: #065f46; }
html[data-theme="dark"] .ab-orders-empty__icon { background: #111827; }
html[data-theme="dark"] .ab-orders-empty__title { color: #f3f4f6; }

/* ── ORDERS PAGE ── */
.almira-myaccount .woocommerce-orders-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; }
.almira-myaccount .woocommerce-orders-table thead th { background: linear-gradient(135deg, #f8fafc, #f1f5f9); font-size: 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; padding: 14px 16px; border-bottom: 2px solid #e2e8f0; text-align: left; }
.almira-myaccount .woocommerce-orders-table tbody td { padding: 16px; border-bottom: 1px solid #f1f5f9; font-size: 0.85rem; color: #334155; vertical-align: middle; }
.almira-myaccount .woocommerce-orders-table tbody tr { transition: background 0.15s; }
.almira-myaccount .woocommerce-orders-table tbody tr:hover { background: #f0fdfa; }
.almira-myaccount .woocommerce-orders-table tbody tr:last-child td { border-bottom: none; }

/* Order status badges */
.almira-myaccount .woocommerce-orders-table .order-status { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.72rem; font-weight: 700; text-transform: capitalize; letter-spacing: 0.2px; }

/* Order action buttons */
.almira-myaccount .woocommerce-orders-table .woocommerce-button { display: inline-flex; align-items: center; gap: 4px; padding: 7px 16px; background: #0d9488; color: #fff; border-radius: 8px; font-size: 0.76rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; }
.almira-myaccount .woocommerce-orders-table .woocommerce-button:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(13,148,136,0.2); }
.almira-myaccount .woocommerce-orders-table .woocommerce-button.cancel { background: #fef2f2; color: #dc2626; }
.almira-myaccount .woocommerce-orders-table .woocommerce-button.cancel:hover { background: #fee2e2; }

/* No orders message */
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-info,
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-message { background: linear-gradient(135deg, #f0fdfa, #ecfdf5); border: 1.5px solid #a7f3d0; border-radius: 16px; padding: 28px 24px; color: #065f46; font-size: 0.9rem; display: flex; align-items: center; gap: 12px; line-height: 1.6; box-shadow: 0 2px 12px rgba(16,185,129,0.06); }
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-info::before,
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-message::before { color: #10b981; font-size: 1.2rem; flex-shrink: 0; }
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-info a.button,
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-message a.button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; background: #0d9488; color: #fff !important; border-radius: 10px; font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: all 0.2s; margin-left: auto; white-space: nowrap; border: none; }
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-info a.button:hover,
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-message a.button:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(13,148,136,0.25); }
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-error { background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 16px 20px; color: #dc2626; font-size: 0.85rem; }

/* ── ORDER DETAIL PAGE ── */
.almira-myaccount .woocommerce-order-details { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; margin-bottom: 24px; }
.almira-myaccount .woocommerce-order-details__title { font-size: 1.05rem; font-weight: 700; color: #111827; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #f3f4f6; }

.almira-myaccount .woocommerce-table--order-details { width: 100%; border-collapse: collapse; }
.almira-myaccount .woocommerce-table--order-details th { font-size: 0.78rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 0; border-bottom: 1.5px solid #e5e7eb; }
.almira-myaccount .woocommerce-table--order-details td { padding: 14px 0; border-bottom: 1px solid #f3f4f6; font-size: 0.85rem; color: #374151; }
.almira-myaccount .woocommerce-table--order-details .product-name a { color: #0d9488; text-decoration: none; font-weight: 500; }
.almira-myaccount .woocommerce-table--order-details .product-name a:hover { text-decoration: underline; }
.almira-myaccount .woocommerce-table--order-details tfoot th { text-align: left; font-size: 0.82rem; }
.almira-myaccount .woocommerce-table--order-details tfoot td { text-align: right; font-weight: 600; }

/* Order addresses on detail */
.almira-myaccount .woocommerce-customer-details .addresses { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.almira-myaccount .woocommerce-customer-details .woocommerce-column { background: #f9fafb; border-radius: 14px; padding: 20px; }
.almira-myaccount .woocommerce-customer-details .woocommerce-column__title { font-size: 0.88rem; font-weight: 700; color: #111827; margin: 0 0 10px; }
.almira-myaccount .woocommerce-customer-details address { font-style: normal; font-size: 0.82rem; color: #4b5563; line-height: 1.7; }

/* ── EDIT ACCOUNT PAGE ── */
.almira-myaccount .woocommerce-EditAccountForm { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 28px; }

.almira-myaccount .woocommerce-EditAccountForm .form-row { margin-bottom: 18px; }
.almira-myaccount .woocommerce-EditAccountForm label { display: block; font-size: 0.92rem; font-weight: 600; color: #374151; margin-bottom: 6px; }
.almira-myaccount .woocommerce-EditAccountForm input[type="text"],
.almira-myaccount .woocommerce-EditAccountForm input[type="email"],
.almira-myaccount .woocommerce-EditAccountForm input[type="password"],
.almira-myaccount .woocommerce-EditAccountForm select { width: 100%; padding: 12px 16px; border: 1.5px solid #d1d5db; border-radius: 12px; font-size: 0.88rem; color: #111827; background: #fff; transition: all 0.2s; outline: none; }
.almira-myaccount .woocommerce-EditAccountForm input:focus,
.almira-myaccount .woocommerce-EditAccountForm select:focus { border-color: #0d9488; box-shadow: 0 0 0 3px rgba(13,148,136,0.12); }

/* Fieldset (password change) */
.almira-myaccount .woocommerce-EditAccountForm fieldset { border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 20px 24px; margin: 24px 0; }
.almira-myaccount .woocommerce-EditAccountForm fieldset legend { font-size: 0.88rem; font-weight: 700; color: #111827; padding: 0 8px; }

/* Save button */
.almira-myaccount .woocommerce-EditAccountForm button[type="submit"],
.almira-myaccount .woocommerce-EditAccountForm .woocommerce-Button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 32px; background: #0d9488; color: #fff; border: none; border-radius: 12px; font-size: 0.88rem; font-weight: 700; cursor: pointer; transition: all 0.25s; }
.almira-myaccount .woocommerce-EditAccountForm button[type="submit"]:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(13,148,136,0.2); }

/* ── EDIT ADDRESS PAGE ── */
.almira-myaccount .woocommerce-address-fields { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px; }

.almira-myaccount .woocommerce-address-fields .form-row { margin-bottom: 0; }
.almira-myaccount .woocommerce-address-fields label { display: block; font-size: 0.88rem; font-weight: 600; color: #374151; margin-bottom: 7px; line-height: 1.4; }
.almira-myaccount .woocommerce-address-fields label .required { color: #dc2626; }
.almira-myaccount .woocommerce-address-fields label .optional { font-weight: 400; font-size: 0.78rem; color: #9ca3af; margin-left: 2px; }
.almira-myaccount .woocommerce-address-fields input[type="text"],
.almira-myaccount .woocommerce-address-fields input[type="tel"],
.almira-myaccount .woocommerce-address-fields input[type="email"],
.almira-myaccount .woocommerce-address-fields select { width: 100%; padding: 12px 16px; border: 1.5px solid #d1d5db; border-radius: 12px; font-size: 0.88rem; color: #111827; background: #fff; transition: all 0.2s; outline: none; }
.almira-myaccount .woocommerce-address-fields input:focus,
.almira-myaccount .woocommerce-address-fields select:focus { border-color: #0d9488; box-shadow: 0 0 0 3px rgba(13,148,136,0.12); }

.almira-myaccount .woocommerce-address-fields button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 32px; background: #0d9488; color: #fff; border: none; border-radius: 12px; font-size: 0.88rem; font-weight: 700; cursor: pointer; transition: all 0.25s; margin-top: 8px; }
.almira-myaccount .woocommerce-address-fields button[type="submit"]:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(13,148,136,0.2); }

/* ── PAYMENT METHODS PAGE ── */
.almira-myaccount .woocommerce-MyPaymentMethods { border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; }
.almira-myaccount .woocommerce-MyPaymentMethods th { background: #f9fafb; font-size: 0.78rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 16px; }
.almira-myaccount .woocommerce-MyPaymentMethods td { padding: 14px 16px; border-bottom: 1px solid #f3f4f6; font-size: 0.85rem; }

/* ── WC FORM ROWS — 2 COLUMN GRID ── */
.almira-myaccount .woocommerce-EditAccountForm .form-row-first,
.almira-myaccount .woocommerce-EditAccountForm .form-row-last { display: inline-block; width: 48%; }
.almira-myaccount .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.almira-myaccount .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; }
.almira-myaccount .woocommerce-address-fields__field-wrapper .form-row-first,
.almira-myaccount .woocommerce-address-fields__field-wrapper .form-row-last { grid-column: span 1; }
.almira-myaccount .woocommerce-address-fields__field-wrapper .form-row { margin-bottom: 0; width: 100%; float: none; }

/* ── GENERIC TABLE STYLING ── */
.almira-myaccount .shop_table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; }
.almira-myaccount .shop_table thead th { background: linear-gradient(135deg, #f8fafc, #f1f5f9); font-size: 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; padding: 14px 16px; border-bottom: 2px solid #e2e8f0; text-align: left; }
.almira-myaccount .shop_table tbody td { padding: 14px 16px; border-bottom: 1px solid #f1f5f9; font-size: 0.85rem; color: #334155; }
.almira-myaccount .shop_table tbody tr:last-child td { border-bottom: none; }
.almira-myaccount .shop_table tbody tr:hover { background: #f0fdfa; }
.almira-myaccount .shop_table tfoot th,
.almira-myaccount .shop_table tfoot td { padding: 14px 16px; font-size: 0.85rem; border-top: 2px solid #e2e8f0; }
.almira-myaccount .shop_table a { color: #0d9488; text-decoration: none; font-weight: 500; }
.almira-myaccount .shop_table a:hover { text-decoration: underline; }

/* ── BUTTONS ACROSS ALL PAGES ── */
.almira-myaccount .woocommerce-MyAccount-content .button,
.almira-myaccount .woocommerce-MyAccount-content button[type="submit"],
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-Button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 24px; background: #0d9488; color: #fff !important; border: none; border-radius: 10px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.2s; text-decoration: none; }
.almira-myaccount .woocommerce-MyAccount-content .button:hover,
.almira-myaccount .woocommerce-MyAccount-content button[type="submit"]:hover,
.almira-myaccount .woocommerce-MyAccount-content .woocommerce-Button:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(13,148,136,0.2); }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .almira-myaccount .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr; }
    .almira-myaccount .woocommerce-address-fields,
    .almira-myaccount .woocommerce-EditAccountForm { padding: 18px; border-radius: 12px; }
    .almira-myaccount .woocommerce-EditAccountForm .form-row-first,
    .almira-myaccount .woocommerce-EditAccountForm .form-row-last { width: 100%; display: block; }
    .almira-myaccount .woocommerce-customer-details .addresses { grid-template-columns: 1fr; }

    /* Orders table → card layout on mobile */
    .almira-myaccount .woocommerce-orders-table,
    .almira-myaccount .woocommerce-orders-table thead,
    .almira-myaccount .woocommerce-orders-table tbody,
    .almira-myaccount .woocommerce-orders-table th,
    .almira-myaccount .woocommerce-orders-table td,
    .almira-myaccount .woocommerce-orders-table tr { display: block; }
    .almira-myaccount .woocommerce-orders-table thead { display: none; }
    .almira-myaccount .woocommerce-orders-table tbody tr { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; margin-bottom: 12px; }
    .almira-myaccount .woocommerce-orders-table tbody td { border: none; padding: 6px 0; display: flex; justify-content: space-between; align-items: center; }
    .almira-myaccount .woocommerce-orders-table tbody td::before { content: attr(data-title); font-size: 0.75rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.3px; }
    .almira-myaccount .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions { justify-content: flex-end; padding-top: 10px; border-top: 1px solid #f3f4f6; margin-top: 6px; }

    /* Generic shop table mobile */
    .almira-myaccount .shop_table:not(.woocommerce-orders-table),
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) thead,
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) tbody,
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) th,
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) td,
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) tr { display: block; }
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) thead { display: none; }
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) tbody tr { border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px; margin-bottom: 10px; }
    .almira-myaccount .shop_table:not(.woocommerce-orders-table) tbody td { border: none; padding: 4px 0; }
}

/* ── DARK MODE ── */
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm,
html[data-theme="dark"] .almira-myaccount .woocommerce-address-fields,
html[data-theme="dark"] .almira-myaccount .woocommerce-order-details { background: #1f2937; border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .woocommerce-MyAccount-content > h2,
html[data-theme="dark"] .almira-myaccount .woocommerce-MyAccount-content > h3 { color: #f3f4f6; }
html[data-theme="dark"] .almira-myaccount .woocommerce-customer-details address { color: #d1d5db; }
html[data-theme="dark"] .almira-myaccount .woocommerce-customer-details .woocommerce-column { background: #111827; }
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm input,
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm select,
html[data-theme="dark"] .almira-myaccount .woocommerce-address-fields input,
html[data-theme="dark"] .almira-myaccount .woocommerce-address-fields select { background: #111827; border-color: #374151; color: #f3f4f6; }
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm fieldset { border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm fieldset legend { color: #f3f4f6; }
html[data-theme="dark"] .almira-myaccount .woocommerce-EditAccountForm label,
html[data-theme="dark"] .almira-myaccount .woocommerce-address-fields label { color: #d1d5db; }
html[data-theme="dark"] .almira-myaccount .shop_table { border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .shop_table thead th { background: #111827; color: #9ca3af; border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .shop_table tbody td { color: #d1d5db; border-color: #1f2937; }
html[data-theme="dark"] .almira-myaccount .shop_table tbody tr:hover { background: rgba(13,148,136,0.05); }
html[data-theme="dark"] .almira-myaccount .woocommerce-orders-table { border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .woocommerce-orders-table thead th { background: #111827; color: #9ca3af; border-color: #374151; }
html[data-theme="dark"] .almira-myaccount .woocommerce-orders-table tbody td { color: #d1d5db; border-color: #1f2937; }
html[data-theme="dark"] .almira-myaccount .woocommerce-orders-table tbody tr:hover { background: rgba(13,148,136,0.05); }
html[data-theme="dark"] .almira-myaccount .woocommerce-MyAccount-content .woocommerce-info { background: rgba(13,148,136,0.08); border-color: #0d9488; color: #5eead4; }
html[data-theme="dark"] .almira-myaccount .woocommerce-MyAccount-content .woocommerce-error { background: rgba(220,38,38,0.08); border-color: #dc2626; }
@media (max-width: 768px) {
    html[data-theme="dark"] .almira-myaccount .woocommerce-orders-table tbody tr { background: #1f2937; border-color: #374151; }
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .ab-account { grid-template-columns: 240px 1fr; gap: 20px; }
    .ab-dash__stats { grid-template-columns: repeat(2, 1fr); }
    .ab-dash__actions { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .ab-account { grid-template-columns: 1fr; gap: 16px; padding: 12px 0; }
    .ab-account-nav { position: static; border-radius: 14px; }
    .ab-account-nav__menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 8px; }
    .ab-account-nav__item--logout { grid-column: 1 / -1; border-top: 1px solid #f3f4f6; }
    .ab-account-nav__arrow { display: none; }
    .ab-account-nav__text { font-size: 0.78rem; }
    .ab-account-nav__link { padding: 8px 10px; gap: 8px; }
    .ab-account-nav__icon { width: 32px; height: 32px; border-radius: 8px; }
    .ab-dash__stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ab-stat { padding: 14px 12px; }
    .ab-stat__num { font-size: 1.15rem; }
    .ab-dash__actions { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .ab-action { padding: 14px 8px; }
    .ab-action__icon { width: 40px; height: 40px; border-radius: 12px; }
    .ab-support-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .ab-dash__actions { grid-template-columns: repeat(2, 1fr); }
    .ab-dash__welcome { padding: 16px; }
    .ab-dash__avatar img { width: 48px; height: 48px; }
    .ab-dash__greeting h2 { font-size: 1.05rem; }
    .ab-coupon-card { flex-direction: column; }
    .ab-coupon-card__left { flex-direction: row; gap: 8px; min-width: auto; padding: 12px 16px; }
    .ab-coupon-card__left::after { display: none; }
}

/* ── Dark Mode ── */
html[data-theme="dark"] .ab-account-nav,
body[data-theme="dark"] .ab-account-nav { background: var(--color-bg-card); border-color: #374151; }
html[data-theme="dark"] .ab-account-nav__profile,
body[data-theme="dark"] .ab-account-nav__profile { background: linear-gradient(135deg, #064e3b 0%, #1e1b4b 100%); border-color: #374151; }
html[data-theme="dark"] .ab-account-nav__user strong,
body[data-theme="dark"] .ab-account-nav__user strong { color: #f3f4f6; }
html[data-theme="dark"] .ab-account-nav__link,
body[data-theme="dark"] .ab-account-nav__link { color: #d1d5db; }
html[data-theme="dark"] .ab-account-nav__link:hover,
body[data-theme="dark"] .ab-account-nav__link:hover { background: #1F2937; }
html[data-theme="dark"] .ab-account-nav__icon,
body[data-theme="dark"] .ab-account-nav__icon { background: #1F2937; }
html[data-theme="dark"] .ab-dash__welcome,
body[data-theme="dark"] .ab-dash__welcome { background: linear-gradient(135deg, #064e3b 0%, #1e1b4b 100%); border-color: #374151; }
html[data-theme="dark"] .ab-dash__greeting h2,
body[data-theme="dark"] .ab-dash__greeting h2 { color: #f3f4f6; }
html[data-theme="dark"] .ab-stat,
html[data-theme="dark"] .ab-action,
html[data-theme="dark"] .ab-order-card,
html[data-theme="dark"] .ab-support-card,
html[data-theme="dark"] .ab-coupon-card,
html[data-theme="dark"] .ab-support-info,
body[data-theme="dark"] .ab-stat,
body[data-theme="dark"] .ab-action,
body[data-theme="dark"] .ab-order-card,
body[data-theme="dark"] .ab-support-card,
body[data-theme="dark"] .ab-coupon-card,
body[data-theme="dark"] .ab-support-info { background: var(--color-bg-card); border-color: #374151; }
html[data-theme="dark"] .ab-stat__num,
html[data-theme="dark"] .ab-order-card__id,
html[data-theme="dark"] .ab-endpoint__title,
html[data-theme="dark"] .ab-support-info h3,
html[data-theme="dark"] .ab-support-card h4,
body[data-theme="dark"] .ab-stat__num,
body[data-theme="dark"] .ab-order-card__id,
body[data-theme="dark"] .ab-endpoint__title,
body[data-theme="dark"] .ab-support-info h3,
body[data-theme="dark"] .ab-support-card h4 { color: #f3f4f6; }
html[data-theme="dark"] .ab-empty-state,
body[data-theme="dark"] .ab-empty-state { background: #1F2937; border-color: #374151; }
html[data-theme="dark"] .ab-dash__section-title,
body[data-theme="dark"] .ab-dash__section-title { color: #f3f4f6; }


/* ==========================================================================
   AUTH — Login / Register Premium Page
   ========================================================================== */

.ab-auth { display: grid; grid-template-columns: 420px 1fr; min-height: 70vh; margin: -24px 0; overflow: hidden; }

/* Brand Panel (left) */
.ab-auth__brand { background: linear-gradient(135deg, #0f766e 0%, #0d9488 40%, #14b8a6 100%); color: #fff; padding: 48px 40px; display: flex; align-items: center; position: relative; overflow: hidden; }
.ab-auth__brand::before { content: ''; position: absolute; top: -60%; right: -40%; width: 500px; height: 500px; border-radius: 50%; background: rgba(255,255,255,0.06); }
.ab-auth__brand::after { content: ''; position: absolute; bottom: -40%; left: -20%; width: 400px; height: 400px; border-radius: 50%; background: rgba(255,255,255,0.04); }
.ab-auth__brand-inner { position: relative; z-index: 1; }
.ab-auth__logo { margin-bottom: 28px; }
.ab-auth__logo img { max-height: 48px; width: auto; filter: brightness(0) invert(1); }
.ab-auth__logo-text { font-size: 1.6rem; font-weight: 800; color: #fff; text-decoration: none; }
.ab-auth__tagline { font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin: 0 0 12px; }
.ab-auth__desc { font-size: 0.88rem; line-height: 1.6; opacity: 0.85; margin: 0 0 32px; }

.ab-auth__benefits { display: flex; flex-direction: column; gap: 18px; }
.ab-auth__benefit { display: flex; align-items: flex-start; gap: 14px; }
.ab-auth__benefit svg { flex-shrink: 0; margin-top: 2px; opacity: 0.9; }
.ab-auth__benefit strong { display: block; font-size: 0.88rem; font-weight: 600; }
.ab-auth__benefit span { display: block; font-size: 0.78rem; opacity: 0.75; }

/* Forms Panel (right) */
.ab-auth__forms { padding: 40px 48px; display: flex; flex-direction: column; justify-content: center; max-width: 480px; margin: 0 auto; width: 100%; }

/* Tabs */
.ab-auth__tabs { display: flex; gap: 0; margin-bottom: 28px; background: #f3f4f6; border-radius: 12px; padding: 4px; }
.ab-auth__tab { flex: 1; padding: 12px; font-size: 0.88rem; font-weight: 600; text-align: center; border: none; background: none; border-radius: 10px; cursor: pointer; color: #6b7280; transition: all 0.25s; }
.ab-auth__tab--active { background: #fff; color: #0d9488; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

.ab-auth__title { font-size: 1.35rem; font-weight: 700; color: #111827; margin: 0 0 28px; }

/* Panels */
.ab-auth__panel { display: none; }
.ab-auth__panel--active { display: block; animation: ab-fadeUp 0.3s ease; }
@keyframes ab-fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* Fields */
.ab-field { margin-bottom: 18px; }
.ab-field__label { display: block; font-size: 0.82rem; font-weight: 600; color: #374151; margin-bottom: 6px; }
.ab-field__label abbr { color: #dc2626; text-decoration: none; }
.ab-field__input-wrap { position: relative; display: flex; align-items: center; }
.ab-field__icon { position: absolute; left: 14px; color: #9ca3af; pointer-events: none; z-index: 1; }
.ab-field__input { width: 100%; padding: 13px 14px 13px 44px; border: 1.5px solid #d1d5db; border-radius: 12px; font-size: 0.88rem; color: #111827; background: #fff; transition: all 0.2s; outline: none; }
.ab-field__input::placeholder { color: #9ca3af; }
.ab-field__input:focus { border-color: #0d9488; box-shadow: 0 0 0 3px rgba(13,148,136,0.12); }
.ab-field__toggle-pw { position: absolute; right: 12px; background: none; border: none; cursor: pointer; color: #9ca3af; padding: 4px; display: flex; }
.ab-field__toggle-pw:hover { color: #6b7280; }

/* Password Strength */
.ab-pw-strength { margin-top: 8px; display: flex; align-items: center; gap: 10px; }
.ab-pw-strength__bar { flex: 1; height: 4px; background: #e5e7eb; border-radius: 4px; overflow: hidden; }
.ab-pw-strength__fill { height: 100%; width: 0; border-radius: 4px; transition: all 0.3s ease; }
.ab-pw-strength__text { font-size: 0.72rem; font-weight: 600; min-width: 40px; }

/* Field Row — side by side fields */
.ab-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 480px) {
    .ab-field-row { grid-template-columns: 1fr; gap: 0; }
}

/* Field Hint */
.ab-field__hint { display: flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 0.72rem; color: #9ca3af; line-height: 1.4; }
.ab-field__hint svg { flex-shrink: 0; opacity: 0.7; }

/* Options row */
.ab-auth__options { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.ab-check { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 0.82rem; color: #4b5563; }
.ab-check__input { display: none; }
.ab-check__box { width: 18px; height: 18px; border: 2px solid #d1d5db; border-radius: 5px; flex-shrink: 0; position: relative; transition: all 0.2s; }
.ab-check__input:checked + .ab-check__box { background: #0d9488; border-color: #0d9488; }
.ab-check__input:checked + .ab-check__box::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 11px; font-weight: 700; }
.ab-auth__forgot { font-size: 0.82rem; color: #0d9488; text-decoration: none; font-weight: 500; }
.ab-auth__forgot:hover { text-decoration: underline; }

/* Terms */
.ab-auth__terms { margin-bottom: 20px; }
.ab-auth__terms .ab-check__text { font-size: 0.78rem; line-height: 1.5; }
.ab-auth__terms a { color: #0d9488; text-decoration: underline; }

/* Submit */
.ab-auth__submit { width: 100%; padding: 14px; background: #0d9488; color: #fff; border: none; border-radius: 12px; font-size: 0.92rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.25s; }
.ab-auth__submit:hover { background: #0f766e; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(13,148,136,0.25); }
.ab-auth__submit--register { background: #111827; }
.ab-auth__submit--register:hover { background: #1f2937; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }

/* Switch link */
.ab-auth__switch { text-align: center; margin-top: 20px; font-size: 0.85rem; color: #6b7280; }
.ab-auth__switch a { color: #0d9488; font-weight: 600; text-decoration: none; }
.ab-auth__switch a:hover { text-decoration: underline; }

/* Trust */
.ab-auth__trust { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #f3f4f6; }
.ab-auth__trust svg { color: #059669; flex-shrink: 0; }
.ab-auth__trust span { font-size: 0.72rem; color: #9ca3af; }

/* WC notices inside auth */
.ab-auth .woocommerce-error,
.ab-auth .woocommerce-message,
.ab-auth .woocommerce-info { margin-bottom: 16px; border-radius: 10px; font-size: 0.85rem; }

/* ── Mobile ── */
@media (max-width: 1024px) {
    .ab-auth { grid-template-columns: 1fr; }
    .ab-auth__brand { display: none; }
    .ab-auth__forms { padding: 28px 20px; max-width: 100%; }
}

/* ── Dark Mode ── */
html[data-theme="dark"] .ab-auth__forms,
body[data-theme="dark"] .ab-auth__forms { background: var(--color-bg, #111); }
html[data-theme="dark"] .ab-auth__tabs,
body[data-theme="dark"] .ab-auth__tabs { background: #1f2937; }
html[data-theme="dark"] .ab-auth__tab--active,
body[data-theme="dark"] .ab-auth__tab--active { background: #374151; color: #14b8a6; }
html[data-theme="dark"] .ab-auth__tab,
body[data-theme="dark"] .ab-auth__tab { color: #9ca3af; }
html[data-theme="dark"] .ab-auth__title,
body[data-theme="dark"] .ab-auth__title { color: #f3f4f6; }
html[data-theme="dark"] .ab-field__label,
body[data-theme="dark"] .ab-field__label { color: #d1d5db; }
html[data-theme="dark"] .ab-field__input,
body[data-theme="dark"] .ab-field__input { background: #1f2937; border-color: #374151; color: #f3f4f6; }
html[data-theme="dark"] .ab-auth__trust,
body[data-theme="dark"] .ab-auth__trust { border-color: #374151; }
html[data-theme="dark"] .ab-auth__switch,
body[data-theme="dark"] .ab-auth__switch { color: #9ca3af; }


/* ==========================================================================
   v3.6.3 — Visual Banner, Infinite Scroll, Shipping Bar, Social Proof
   ========================================================================== */

/* ── VISUAL BANNER (agp-vbanner) ── */
.agp-vbanner {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 32px;
    min-height: 220px;
    display: flex;
    align-items: center;
}

.agp-vbanner__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
}

.agp-vbanner__deco {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.agp-vbanner__deco svg {
    position: absolute;
    opacity: 0.13;
    fill: currentColor;
    stroke: none;
}

/* Floating SVG positions */
.agp-vbanner__svg--1 {
    width: 80px;
    height: 80px;
    top: 12%;
    right: 8%;
    animation: agpFloat 6s ease-in-out infinite;
}

.agp-vbanner__svg--2 {
    width: 60px;
    height: 60px;
    bottom: 15%;
    right: 22%;
    animation: agpFloatSlow 8s ease-in-out infinite 1s;
}

.agp-vbanner__svg--3 {
    width: 50px;
    height: 50px;
    top: 20%;
    right: 38%;
    animation: agpFloat 7s ease-in-out infinite 2s;
}

.agp-vbanner__svg--4 {
    width: 44px;
    height: 44px;
    bottom: 20%;
    right: 52%;
    animation: agpFloatSlow 9s ease-in-out infinite 0.5s;
}

.agp-vbanner__svg--5 {
    width: 36px;
    height: 36px;
    top: 55%;
    right: 12%;
    animation: agpFloat 5.5s ease-in-out infinite 3s;
}

@keyframes agpFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-14px) rotate(6deg); }
}

@keyframes agpFloatSlow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-5deg); }
}

.agp-vbanner .container {
    position: relative;
    z-index: 2;
}

.agp-vbanner__content {
    max-width: 520px;
    padding: 40px 0;
}

.agp-vbanner__tag {
    display: inline-block;
    padding: 5px 14px;
    background: rgba(255,255,255,0.2);
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 14px;
    backdrop-filter: blur(4px);
}

.agp-vbanner__title {
    font-size: 1.65rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 10px;
    line-height: 1.25;
}

.agp-vbanner__desc {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    margin: 0 0 20px;
}

.agp-vbanner__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 28px;
    border-radius: 12px;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.agp-vbanner__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.2);
    filter: brightness(1.1);
}

/* ── FREE SHIPPING BAR ── */
.agp-shipping-bar {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    border: 1px solid #a7f3d0;
    border-radius: 12px;
    margin-bottom: 18px;
    font-size: 0.88rem;
    color: #065f46;
    font-weight: 500;
}

.agp-shipping-bar .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
}

.agp-shipping-bar svg { flex-shrink: 0; }

.agp-shipping-bar strong {
    font-weight: 800;
    color: #047857;
}

/* ── INFINITE SCROLL SENTINEL ── */
.agp-load-sentinel {
    display: flex;
    justify-content: center;
    padding: 32px 16px;
    min-height: 60px;
}

.agp-load-spinner {
    display: none;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #6b7280;
    font-weight: 500;
}

.agp-load-sentinel.is-loading .agp-load-spinner {
    display: flex;
}

.agp-spinner-svg {
    animation: agpSpin 1s linear infinite;
}

@keyframes agpSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.agp-load-end {
    text-align: center;
    padding: 20px;
}

.agp-load-end span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    background: #f3f4f6;
    border-radius: 24px;
    font-size: 0.82rem;
    color: #6b7280;
    font-weight: 500;
}

/* ── SOCIAL PROOF STRIP ── */
.agp-social-proof {
    margin-top: 40px;
    border-top: 1px solid #e5e7eb;
    padding: 28px 0;
}

.agp-social-proof .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.agp-social-proof__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.agp-social-proof__icon {
    font-size: 1.5rem;
    margin-bottom: 4px;
}

.agp-social-proof__value {
    font-size: 1.1rem;
    font-weight: 800;
    color: #111827;
}

.agp-social-proof__label {
    font-size: 0.78rem;
    color: #6b7280;
    font-weight: 500;
}


/* ── v3.6.3 RESPONSIVE ── */
@media (max-width: 1024px) {
    .agp-vbanner { min-height: 200px; }
    .agp-vbanner__title { font-size: 1.4rem; }
    .agp-vbanner__svg--4,
    .agp-vbanner__svg--5 { display: none; }
}

@media (max-width: 768px) {
    /* Visual Banner mobile */
    .agp-vbanner { min-height: 180px; border-radius: 16px; margin-bottom: 24px; }
    .agp-vbanner__content { padding: 28px 0; }
    .agp-vbanner__tag { font-size: 0.72rem; padding: 4px 10px; margin-bottom: 10px; }
    .agp-vbanner__title { font-size: 1.2rem; margin-bottom: 8px; }
    .agp-vbanner__desc { font-size: 0.82rem; margin-bottom: 16px; }
    .agp-vbanner__cta { padding: 10px 22px; font-size: 0.82rem; }
    .agp-vbanner__deco svg { display: none; }

    /* Social proof mobile */
    .agp-social-proof { padding: 20px 0; margin-top: 24px; }
    .agp-social-proof .container { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .agp-social-proof__value { font-size: 0.95rem; }
    .agp-social-proof__label { font-size: 0.72rem; }

    /* Shipping bar mobile — padding on container */
    .agp-shipping-bar .container { padding: 12px 16px; font-size: 0.82rem; }

    /* Infinite scroll mobile */
    .agp-load-sentinel { padding: 24px 12px; }

    /* Product card new elements mobile */
    .badge--ship-today { font-size: 9px; padding: 3px 7px; bottom: 8px; left: 8px; }
    .product-card-savings { font-size: 10px; }
    .product-card-installment { font-size: 10px; }
}


/* ── v3.6.3 DARK MODE ── */
html[data-theme="dark"] .agp-vbanner,
body[data-theme="dark"] .agp-vbanner { border: 1px solid rgba(255,255,255,0.06); }
html[data-theme="dark"] .agp-vbanner__tag,
body[data-theme="dark"] .agp-vbanner__tag { background: rgba(255,255,255,0.12); }

html[data-theme="dark"] .agp-shipping-bar,
body[data-theme="dark"] .agp-shipping-bar {
    background: linear-gradient(135deg, rgba(5,150,105,0.12), rgba(16,185,129,0.08));
    border-color: rgba(5,150,105,0.2);
    color: #6ee7b7;
}
html[data-theme="dark"] .agp-shipping-bar strong,
body[data-theme="dark"] .agp-shipping-bar strong { color: #34d399; }

html[data-theme="dark"] .agp-load-end span,
body[data-theme="dark"] .agp-load-end span { background: #1f2937; color: #9ca3af; }

html[data-theme="dark"] .agp-social-proof,
body[data-theme="dark"] .agp-social-proof { border-color: #374151; }
html[data-theme="dark"] .agp-social-proof__value,
body[data-theme="dark"] .agp-social-proof__value { color: #f3f4f6; }
html[data-theme="dark"] .agp-social-proof__label,
body[data-theme="dark"] .agp-social-proof__label { color: #9ca3af; }

html[data-theme="dark"] .product-card-savings,
body[data-theme="dark"] .product-card-savings { color: #34d399; }
html[data-theme="dark"] .product-card-savings svg,
body[data-theme="dark"] .product-card-savings svg { color: #34d399; }
html[data-theme="dark"] .product-card-installment,
body[data-theme="dark"] .product-card-installment { color: #9ca3af; }
html[data-theme="dark"] .product-card-installment .woocommerce-Price-amount,
body[data-theme="dark"] .product-card-installment .woocommerce-Price-amount { color: #d1d5db; }

html[data-theme="dark"] .badge--ship-today,
body[data-theme="dark"] .badge--ship-today { background: rgba(5,150,105,0.85); }
html[data-theme="dark"] .badge--new,
body[data-theme="dark"] .badge--new { background: #0f766e; }

/* ==========================================================================
   KAMPANYALAR PAGE
   ========================================================================== */

/* ── Hero ── */
.kampanya-hero {
    position: relative;
    padding: 48px 0 40px;
    background: linear-gradient(160deg, #FEF2F2 0%, #FFF7ED 40%, #FEF3C7 100%);
    overflow: hidden;
}

.kampanya-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.kampanya-hero__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
}

.kampanya-hero__orb--1 {
    width: 300px;
    height: 300px;
    background: rgba(239, 68, 68, 0.15);
    top: -80px;
    right: -40px;
    animation: kampOrbFloat 8s ease-in-out infinite;
}

.kampanya-hero__orb--2 {
    width: 200px;
    height: 200px;
    background: rgba(249, 115, 22, 0.12);
    bottom: -50px;
    left: 10%;
    animation: kampOrbFloat 10s ease-in-out infinite reverse;
}

.kampanya-hero__orb--3 {
    width: 160px;
    height: 160px;
    background: rgba(234, 179, 8, 0.12);
    top: 20%;
    left: 55%;
    animation: kampOrbFloat 12s ease-in-out infinite 2s;
}

@keyframes kampOrbFloat {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(18px, -12px) scale(1.06); }
}

.kampanya-crumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--color-text-muted);
    margin-bottom: 16px;
}

.kampanya-crumb a {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color 0.2s;
}

.kampanya-crumb a:hover { color: var(--color-sale); }
.kampanya-crumb span { color: var(--color-text); font-weight: 600; }

.kampanya-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: rgba(239, 68, 68, 0.1);
    color: #DC2626;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 999px;
    margin-bottom: 14px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.kampanya-hero__title {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.kampanya-hero__desc {
    font-size: 0.95rem;
    color: var(--color-text-muted);
    margin: 0 0 24px;
    max-width: 520px;
    line-height: 1.55;
}

/* Stats */
.kampanya-hero__stats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.kampanya-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 14px;
    transition: transform 0.25s, box-shadow 0.25s;
}

.kampanya-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.kampanya-stat__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(239, 68, 68, 0.1);
    color: #DC2626;
    flex-shrink: 0;
}

.kampanya-stat__icon--fire {
    background: rgba(249, 115, 22, 0.1);
    color: #EA580C;
}

.kampanya-stat__icon--truck {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.kampanya-stat__info {
    display: flex;
    flex-direction: column;
}

.kampanya-stat__info strong {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-text);
    line-height: 1.2;
}

.kampanya-stat__info span {
    font-size: 0.72rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

/* ── Toolbar ── */
.kampanya-toolbar-wrap {
    position: sticky;
    top: 0;
    z-index: 90;
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 12px 0;
}

.kampanya-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.kampanya-filters {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    flex: 1;
}

.kampanya-filters::-webkit-scrollbar { display: none; }

.kampanya-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--color-text-muted);
    background: #f8fafb;
    border: 1.5px solid transparent;
    transition: all 0.25s;
}

.kampanya-pill:hover {
    background: #fff;
    border-color: var(--color-sale);
    color: var(--color-sale);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(239,68,68,0.1);
}

.kampanya-pill.is-active {
    background: var(--color-sale);
    color: #fff;
    border-color: var(--color-sale);
    box-shadow: 0 2px 12px rgba(239,68,68,0.25);
}

.kampanya-pill--hot {
    color: #DC2626;
}

/* Sort */
.kampanya-sort {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.kampanya-sort__label {
    display: flex;
    align-items: center;
    color: var(--color-text-muted);
}

.kampanya-sort__select {
    appearance: none;
    -webkit-appearance: none;
    padding: 7px 32px 7px 12px;
    border: 1.5px solid var(--color-border);
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text);
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
    cursor: pointer;
    transition: border-color 0.2s;
}

.kampanya-sort__select:focus {
    outline: none;
    border-color: var(--color-sale);
}

/* Active bar */
.kampanya-active-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(0,0,0,0.04);
}

.kampanya-active-bar__count {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    font-weight: 500;
}

.kampanya-active-bar__clear {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--color-sale);
    text-decoration: none;
    transition: opacity 0.2s;
}

.kampanya-active-bar__clear:hover { opacity: 0.7; }

/* ── Products Grid ── */
.kampanya-content {
    padding: 32px 0 48px;
}

.kampanya-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Card */
.kampanya-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-text);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.3s cubic-bezier(.22,1,.36,1), box-shadow 0.3s cubic-bezier(.22,1,.36,1);
    animation: kampCardIn 0.45s cubic-bezier(.22,1,.36,1) both;
}

@keyframes kampCardIn {
    from { opacity: 0; transform: translateY(16px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.kampanya-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
}

/* Visual */
.kampanya-card__visual {
    position: relative;
    aspect-ratio: 1;
    background: var(--color-bg-light);
    overflow: hidden;
}

.kampanya-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(.22,1,.36,1);
}

.kampanya-card:hover .kampanya-card__img {
    transform: scale(1.06);
}

.kampanya-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
}

/* Discount badge */
.kampanya-card__badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--color-sale);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 8px rgba(239,68,68,0.3);
}

.kampanya-card__badge--hot {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    animation: kampBadgePulse 2s ease-in-out infinite;
}

@keyframes kampBadgePulse {
    0%, 100% { box-shadow: 0 2px 8px rgba(239,68,68,0.3); }
    50%      { box-shadow: 0 2px 16px rgba(239,68,68,0.5); }
}

/* Savings ribbon */
.kampanya-card__saving {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 12px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.6));
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.3s, transform 0.3s;
}

.kampanya-card:hover .kampanya-card__saving {
    opacity: 1;
    transform: translateY(0);
}

/* Body */
.kampanya-card__body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.kampanya-card__title {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-text);
}

.kampanya-card__prices {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.kampanya-card__price-old {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.kampanya-card__price-new {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-sale);
}

/* ── Pagination ── */
.kampanya-pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.kampanya-pagination ul {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.kampanya-pagination li { display: flex; }

.kampanya-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-muted);
    background: #f8fafb;
    text-decoration: none;
    transition: all 0.2s;
}

.kampanya-pagination .page-numbers:hover {
    background: #fff;
    color: var(--color-sale);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.kampanya-pagination .page-numbers.current {
    background: var(--color-sale);
    color: #fff;
    box-shadow: 0 2px 12px rgba(239,68,68,0.25);
}

.kampanya-pagination .prev,
.kampanya-pagination .next {
    color: var(--color-text);
}

/* ── Empty State ── */
.kampanya-empty {
    text-align: center;
    padding: 60px 20px;
}

.kampanya-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 24px;
    background: #FEF2F2;
    color: #F87171;
    margin-bottom: 20px;
}

.kampanya-empty__title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 8px;
}

.kampanya-empty__text {
    font-size: 0.9rem;
    color: var(--color-text-muted);
    margin: 0 0 24px;
    max-width: 400px;
    margin-inline: auto;
}

.kampanya-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--color-sale);
    color: #fff;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.kampanya-empty__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(239,68,68,0.3);
}

/* ── Trust Bar ── */
.kampanya-trust {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--color-border);
}

.kampanya-trust__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-text-muted);
}

.kampanya-trust__item svg {
    color: var(--color-primary);
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .kampanya-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .kampanya-hero { padding: 36px 0 28px; }
    .kampanya-hero__title { font-size: 1.6rem; }

    .kampanya-hero__stats { gap: 8px; }
    .kampanya-stat { padding: 8px 12px; }
    .kampanya-stat__icon { width: 32px; height: 32px; }
    .kampanya-stat__info strong { font-size: 0.9rem; }

    .kampanya-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .kampanya-sort {
        justify-content: flex-end;
    }

    .kampanya-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .kampanya-card__body { padding: 10px 12px 14px; }
    .kampanya-card__title { font-size: 0.78rem; }
    .kampanya-card__price-new { font-size: 0.92rem; }
    .kampanya-card__price-old { font-size: 0.72rem; }

    .kampanya-trust { gap: 16px; }
    .kampanya-trust__item { font-size: 0.75rem; gap: 5px; }
    .kampanya-trust__item svg { width: 16px; height: 16px; }
}

@media (max-width: 480px) {
    .kampanya-hero__title { font-size: 1.4rem; }
    .kampanya-hero__desc { font-size: 0.85rem; }
    .kampanya-hero__badge { font-size: 0.7rem; }

    .kampanya-stat {
        flex: 1;
        min-width: calc(50% - 4px);
    }

    .kampanya-pill { padding: 6px 12px; font-size: 0.75rem; }

    .kampanya-card__badge { font-size: 0.72rem; padding: 3px 8px; }
    .kampanya-card__saving { font-size: 0.65rem; }

    .kampanya-pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 0.8rem;
    }
}

/* ── Dark Mode ── */
html[data-theme="dark"] .kampanya-hero,
body[data-theme="dark"] .kampanya-hero {
    background: linear-gradient(160deg, #1a1a2e 0%, #16213e 40%, #1a1a2e 100%);
}

html[data-theme="dark"] .kampanya-stat,
body[data-theme="dark"] .kampanya-stat {
    background: rgba(30,30,46,0.7);
    border-color: rgba(255,255,255,0.06);
}

html[data-theme="dark"] .kampanya-toolbar-wrap,
body[data-theme="dark"] .kampanya-toolbar-wrap {
    background: rgba(17,24,39,0.88);
}

html[data-theme="dark"] .kampanya-pill,
body[data-theme="dark"] .kampanya-pill {
    background: #1f2937;
    color: #9ca3af;
}

html[data-theme="dark"] .kampanya-sort__select,
body[data-theme="dark"] .kampanya-sort__select {
    background-color: #1f2937;
    border-color: #374151;
    color: #e5e7eb;
}

html[data-theme="dark"] .kampanya-card,
body[data-theme="dark"] .kampanya-card {
    background: #1f2937;
    border-color: rgba(255,255,255,0.04);
}

html[data-theme="dark"] .kampanya-card__placeholder,
body[data-theme="dark"] .kampanya-card__placeholder {
    background: linear-gradient(135deg, #1f2937, #374151);
}

html[data-theme="dark"] .kampanya-pagination .page-numbers,
body[data-theme="dark"] .kampanya-pagination .page-numbers {
    background: #1f2937;
    color: #9ca3af;
}

html[data-theme="dark"] .kampanya-empty__icon,
body[data-theme="dark"] .kampanya-empty__icon {
    background: rgba(239,68,68,0.1);
}

html[data-theme="dark"] .kampanya-trust,
body[data-theme="dark"] .kampanya-trust {
    border-color: #374151;
}

/* ═══════════════════════════════════════════════
   KAMPANYA v2 — NEW PREMIUM SECTIONS
   ═══════════════════════════════════════════════ */

/* ── Shipping Banner ── */
.kampanya-shipping-banner {
    background: linear-gradient(90deg, #059669 0%, #10B981 50%, #059669 100%);
    background-size: 200% 100%;
    animation: kampShipBg 4s ease-in-out infinite;
    padding: 10px 0;
}

@keyframes kampShipBg {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

.kampanya-shipping-banner__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.kampanya-shipping-banner__icon {
    display: flex;
    align-items: center;
    color: #fff;
    opacity: 0.9;
}

.kampanya-shipping-banner__text {
    margin: 0;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 500;
}

.kampanya-shipping-banner__text strong {
    font-weight: 800;
    font-size: 1rem;
}

.kampanya-shipping-banner__highlight {
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 2px 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 6px;
    margin-left: 4px;
}

.kampanya-shipping-banner__sparkle {
    font-size: 1.1rem;
    animation: kampSparkle 2s ease-in-out infinite;
}

@keyframes kampSparkle {
    0%, 100% { opacity: 0.6; transform: scale(1) rotate(0deg); }
    50%      { opacity: 1; transform: scale(1.2) rotate(12deg); }
}

/* ── Section Headers (reusable) ── */
.kampanya-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 16px;
}

.kampanya-section-header--center {
    justify-content: center;
    text-align: center;
}

.kampanya-section-header--grid {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.kampanya-section-header__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kampanya-section-header__icon {
    font-size: 1.8rem;
    line-height: 1;
}

.kampanya-section-header__title {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.kampanya-section-header__desc {
    font-size: 0.82rem;
    color: var(--color-text-muted);
    margin: 2px 0 0;
    line-height: 1.4;
}

.kampanya-section-header__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-sale);
    text-decoration: none;
    white-space: nowrap;
    transition: gap 0.25s;
}

.kampanya-section-header__link:hover {
    gap: 10px;
}

/* ── Super Deals (horizontal scroll) ── */
.kampanya-super {
    padding: 36px 0 28px;
    background: linear-gradient(180deg, #FEF2F2 0%, #fff 100%);
}

.kampanya-super__track {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

.kampanya-super__track::-webkit-scrollbar { display: none; }

.kampanya-super__card {
    flex: 0 0 220px;
    scroll-snap-align: start;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-text);
    border: 1.5px solid rgba(239,68,68,0.12);
    transition: transform 0.3s cubic-bezier(.22,1,.36,1), box-shadow 0.3s;
}

.kampanya-super__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(239,68,68,0.12), 0 2px 8px rgba(0,0,0,0.04);
}

.kampanya-super__visual {
    position: relative;
    aspect-ratio: 1;
    background: var(--color-bg-light);
    overflow: hidden;
}

.kampanya-super__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(.22,1,.36,1);
}

.kampanya-super__card:hover .kampanya-super__img {
    transform: scale(1.06);
}

.kampanya-super__badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 999px;
    box-shadow: 0 2px 12px rgba(239,68,68,0.35);
    animation: kampBadgePulse 2s ease-in-out infinite;
}

.kampanya-super__body {
    padding: 12px 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kampanya-super__title {
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kampanya-super__prices {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kampanya-super__old {
    font-size: 0.78rem;
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.kampanya-super__new {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-sale);
}

.kampanya-super__save {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #059669;
    background: rgba(16,185,129,0.08);
    padding: 3px 8px;
    border-radius: 6px;
    width: fit-content;
}

/* ── Quick Stats Cards ── */
.kampanya-quickstats {
    padding: 24px 0;
}

.kampanya-quickstats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.kampanya-quickstats__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px 12px;
    border-radius: 16px;
    background: var(--qs-bg);
    border: 1.5px solid transparent;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(.22,1,.36,1);
    text-align: center;
}

.kampanya-quickstats__card:hover {
    transform: translateY(-4px);
    border-color: var(--qs-color);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.kampanya-quickstats__card.is-active {
    border-color: var(--qs-color);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.kampanya-quickstats__icon {
    font-size: 1.6rem;
    line-height: 1;
}

.kampanya-quickstats__label {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--qs-color);
    letter-spacing: -0.01em;
}

.kampanya-quickstats__desc {
    font-size: 0.72rem;
    color: var(--color-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Pill Count Badge ── */
.kampanya-pill__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    background: rgba(0,0,0,0.06);
    color: var(--color-text-muted);
    padding: 1px 6px;
    border-radius: 999px;
    min-width: 18px;
}

.kampanya-pill.is-active .kampanya-pill__count {
    background: rgba(255,255,255,0.25);
    color: #fff;
}

/* ── Why Almira Bebek Section ── */
.kampanya-why {
    padding: 48px 0;
    background: linear-gradient(180deg, #fff 0%, #F8FAFB 100%);
}

.kampanya-why__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 32px;
}

.kampanya-why__card {
    text-align: center;
    padding: 28px 20px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.3s cubic-bezier(.22,1,.36,1), box-shadow 0.3s;
}

.kampanya-why__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.06);
}

.kampanya-why__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--why-bg);
    color: var(--why-color);
    margin-bottom: 16px;
}

.kampanya-why__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 6px;
}

.kampanya-why__desc {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.5;
}

/* ── CTA Banner ── */
.kampanya-cta {
    padding: 0 0 48px;
}

.kampanya-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 40px;
    background: linear-gradient(135deg, #FEF2F2 0%, #FFF7ED 50%, #FEF3C7 100%);
    border-radius: 24px;
    border: 1px solid rgba(239,68,68,0.08);
}

.kampanya-cta__content {
    flex: 1;
}

.kampanya-cta__title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 6px;
    letter-spacing: -0.01em;
}

.kampanya-cta__desc {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    margin: 0;
}

.kampanya-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #E1306C 0%, #C13584 100%);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    border-radius: 14px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.25s, box-shadow 0.25s;
}

.kampanya-cta__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(193,53,132,0.3);
    color: #fff;
}

/* ── Responsive — New Sections ── */
@media (max-width: 1024px) {
    .kampanya-quickstats__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
    .kampanya-why__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kampanya-shipping-banner__text { font-size: 0.78rem; }
    .kampanya-shipping-banner__text strong { font-size: 0.88rem; }
    .kampanya-shipping-banner__highlight { padding: 2px 8px; font-size: 0.78rem; }

    .kampanya-super { padding: 28px 0 20px; }
    .kampanya-super__card { flex: 0 0 180px; }
    .kampanya-super__body { padding: 10px 12px 14px; }
    .kampanya-super__title { font-size: 0.78rem; }
    .kampanya-super__new { font-size: 0.92rem; }

    .kampanya-quickstats__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .kampanya-quickstats__card { padding: 16px 10px; }
    .kampanya-quickstats__icon { font-size: 1.3rem; }
    .kampanya-quickstats__label { font-size: 1rem; }

    .kampanya-section-header { flex-direction: column; align-items: flex-start; gap: 8px; }
    .kampanya-section-header--center { align-items: center; }
    .kampanya-section-header__title { font-size: 1.2rem; }

    .kampanya-why__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .kampanya-why__card { padding: 20px 14px; }
    .kampanya-why__icon { width: 44px; height: 44px; border-radius: 12px; }
    .kampanya-why__icon svg { width: 22px; height: 22px; }
    .kampanya-why__title { font-size: 0.85rem; }
    .kampanya-why__desc { font-size: 0.75rem; }

    .kampanya-cta__inner {
        flex-direction: column;
        padding: 24px 20px;
        text-align: center;
        gap: 16px;
    }
    .kampanya-cta__title { font-size: 1.1rem; }
    .kampanya-cta__desc { font-size: 0.8rem; }
    .kampanya-cta__btn { padding: 10px 24px; font-size: 0.82rem; }
}

@media (max-width: 480px) {
    .kampanya-shipping-banner__inner { flex-wrap: wrap; gap: 6px; }
    .kampanya-shipping-banner__sparkle { display: none; }

    .kampanya-super__card { flex: 0 0 160px; }
    .kampanya-super__badge { font-size: 0.78rem; padding: 4px 10px; }

    .kampanya-quickstats__card { padding: 14px 8px; }
    .kampanya-quickstats__label { font-size: 0.9rem; }
    .kampanya-quickstats__desc { font-size: 0.65rem; }

    .kampanya-why__card { padding: 16px 12px; }
    .kampanya-why__icon { width: 40px; height: 40px; margin-bottom: 10px; }
}

/* ── Dark Mode — New Sections ── */
html[data-theme="dark"] .kampanya-shipping-banner,
body[data-theme="dark"] .kampanya-shipping-banner {
    background: linear-gradient(90deg, #065F46 0%, #047857 50%, #065F46 100%);
    background-size: 200% 100%;
}

html[data-theme="dark"] .kampanya-super,
body[data-theme="dark"] .kampanya-super {
    background: linear-gradient(180deg, #1a1a2e 0%, #111827 100%);
}

html[data-theme="dark"] .kampanya-super__card,
body[data-theme="dark"] .kampanya-super__card {
    background: #1f2937;
    border-color: rgba(239,68,68,0.15);
}

html[data-theme="dark"] .kampanya-quickstats__card,
body[data-theme="dark"] .kampanya-quickstats__card {
    background: rgba(255,255,255,0.04);
}

html[data-theme="dark"] .kampanya-why,
body[data-theme="dark"] .kampanya-why {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
}

html[data-theme="dark"] .kampanya-why__card,
body[data-theme="dark"] .kampanya-why__card {
    background: #1f2937;
    border-color: rgba(255,255,255,0.04);
}

html[data-theme="dark"] .kampanya-cta__inner,
body[data-theme="dark"] .kampanya-cta__inner {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%);
    border-color: rgba(255,255,255,0.06);
}

html[data-theme="dark"] .kampanya-section-header__title,
body[data-theme="dark"] .kampanya-section-header__title {
    color: #e5e7eb;
}

html[data-theme="dark"] .kampanya-section-header--grid,
body[data-theme="dark"] .kampanya-section-header--grid {
    border-color: rgba(255,255,255,0.06);
}

/* ── AGP Archive Grid Override ── */
.agp .products-grid,
.agp--cat .products-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
@media (max-width: 1024px) {
    .agp .products-grid,
    .agp--cat .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .agp .products-grid,
    .agp--cat .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
.ak-badge{position:absolute;top:8px;right:8px;z-index:2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;line-height:1.3;color:#fff;pointer-events:none}.ak-badge-flash{background:linear-gradient(135deg,#ff6b35,#f7c948)}.ak-badge-campaign{background:linear-gradient(135deg,#667eea,#764ba2)}.ak-cart-notices{margin-bottom:16px}.ak-cart-notice{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;margin-bottom:8px;font-size:14px;font-weight:500}.ak-notice-applied{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ak-notice-teaser{background:#fefce8;border:1px solid #fef08a;color:#854d0e}.ak-countdown{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;white-space:nowrap}.ak-mini-banner{padding:6px 10px!important;background:#f0fdf4;border-radius:6px;font-size:12px;margin-bottom:6px;list-style:none!important}.almira-breadcrumb{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 0;font-size:13px}.almira-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:4px}.almira-breadcrumb__item{display:flex;align-items:center;gap:4px;color:#6B7280}.almira-breadcrumb__item a{color:#6B7280;text-decoration:none}.almira-breadcrumb__item a:hover{color:#14B8A6}.almira-breadcrumb__item--current{color:#111827;font-weight:500}.almira-breadcrumb__item svg{color:#D1D5DB;flex-shrink:0}.almira-cookie{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#1f2937;color:#fff;padding:16px 20px;box-shadow:0 -2px 16px rgb(0 0 0 / .15);animation:almira-slideUp .3s ease}.almira-cookie__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.almira-cookie__inner p{flex:1;margin:0;font-size:13px;line-height:1.5;min-width:280px}.almira-cookie__inner a{color:#5EEAD4;text-decoration:underline}.almira-cookie__actions{display:flex;gap:8px}.almira-cookie__btn{border:none;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.almira-cookie__btn--accept{background:#14B8A6;color:#fff}.almira-cookie__btn--reject{background:#fff0;color:#9CA3AF;border:1px solid #4B5563}@keyframes almira-slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.almira-whatsapp{position:fixed;bottom:24px;right:24px;z-index:9998;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(37 211 102 / .4);transition:transform .2s}.almira-whatsapp:hover{transform:scale(1.1)}@media(max-width:768px){.almira-whatsapp{bottom:80px;right:16px;width:48px;height:48px}}.pdp-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin-top:10px;padding:0 24px;background:#25D366;color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.01em;text-decoration:none;border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 3px 12px rgb(37 211 102 / .25);position:relative;overflow:hidden}.pdp-whatsapp-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .12),transparent);transition:left .5s ease;pointer-events:none}.pdp-whatsapp-btn:hover{background:#22c35e;transform:translateY(-2px);box-shadow:0 6px 20px rgb(37 211 102 / .4);color:#fff!important;text-decoration:none}.pdp-whatsapp-btn:hover::before{left:100%}.pdp-whatsapp-btn:active{transform:scale(.98) translateY(0);box-shadow:0 2px 8px rgb(37 211 102 / .25)}.pdp-whatsapp-btn svg{flex-shrink:0}.almira-live-search{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgb(0 0 0 / .1);z-index:9999;max-height:400px;overflow-y:auto}.almira-ls__item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:#111;border-bottom:1px solid #f3f4f6;transition:background .15s}.almira-ls__item:hover{background:#f0fdfa}.almira-ls__item img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.almira-ls__name{display:block;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.almira-ls__price{font-size:12px;color:#14B8A6;font-weight:600}.almira-ls__all{display:block;text-align:center;padding:10px;color:#14B8A6;font-size:13px;font-weight:600;text-decoration:none}.almira-ls__all:hover{background:#f0fdfa}.almira-ls__empty{padding:16px;text-align:center;color:#9CA3AF;font-size:13px}.almira-recently-viewed{padding:20px 0;background:#fafafa;margin-top:0}.almira-section-title{font-size:18px;font-weight:700;margin-bottom:16px}.almira-rv__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.almira-rv__item{text-decoration:none;color:#111;text-align:center}.almira-rv__item img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#f3f4f6}.almira-rv__name{display:block;font-size:12px;margin-top:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.almira-rv__price{font-size:13px;font-weight:600;color:#14B8A6}@media(max-width:768px){.almira-rv__grid{grid-template-columns:repeat(3,1fr)}}.almira-size-guide-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #e5e7eb;color:#6B7280;font-size:13px;padding:6px 12px;border-radius:6px;cursor:pointer;margin-bottom:12px;transition:all .15s}.almira-size-guide-btn:hover{border-color:#14B8A6;color:#14B8A6}.almira-size-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;border-radius:16px;padding:0;max-width:560px;width:90%;box-shadow:0 20px 60px rgb(0 0 0 / .2);z-index:100000}.almira-size-modal::backdrop{background:rgb(0 0 0 / .4)}.almira-size-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.almira-size-modal__header h3{margin:0;font-size:16px}.almira-size-modal__header button{background:none;border:none;font-size:24px;cursor:pointer;color:#6B7280;line-height:1}.almira-size-modal__body{padding:20px;max-height:70vh;overflow-y:auto}.almira-size-table{width:100%;border-collapse:collapse;font-size:13px}.almira-size-table th{background:#f9fafb;padding:8px 12px;text-align:left;font-weight:600;border-bottom:2px solid #e5e7eb}.almira-size-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6}.almira-size-table tr:hover td{background:#f0fdfa}.almira-stock-urgency{display:inline-flex;align-items:center;gap:6px;background:#FEF3C7;color:#B45309;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;margin:8px 0;animation:almira-pulse 2s infinite}@keyframes almira-pulse{0%,100%{opacity:1}50%{opacity:.7}}.almira-loop-stock{display:flex;align-items:center;gap:4px;color:#B45309;font-size:11px;font-weight:500;margin-top:4px}.almira-welcome-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;border-radius:20px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 60px rgb(0 0 0 / .25);overflow:hidden;z-index:100000}.almira-welcome-popup::backdrop{background:rgb(0 0 0 / .5)}.almira-welcome-popup__content{padding:32px 28px;text-align:center}.almira-welcome-popup__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#9CA3AF}.almira-welcome-popup__icon{font-size:48px;margin-bottom:8px}.almira-welcome-popup__content h3{font-size:22px;margin:0 0 8px}.almira-welcome-popup__content p{color:#6B7280;font-size:14px;margin:0 0 16px}.almira-welcome-popup__code{display:flex;align-items:center;justify-content:center;gap:8px;background:#F0FDF4;border:2px dashed #14B8A6;border-radius:10px;padding:12px 16px;margin-bottom:12px}.almira-welcome-popup__code span{font-size:18px;font-weight:700;letter-spacing:1px;color:#14B8A6}.almira-welcome-popup__code button{background:#14B8A6;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.almira-welcome-popup__note{font-size:11px!important;color:#9CA3AF!important}.almira-related-cats{margin:24px 0;padding:16px 0;border-top:1px solid #e5e7eb}.almira-related-cats__title{font-size:15px;font-weight:600;margin:0 0 10px;color:#374151}.almira-related-cats__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.almira-related-cats__list a{display:inline-block;padding:6px 14px;background:#f3f4f6;color:#4B5563;border-radius:20px;font-size:13px;text-decoration:none;transition:all .15s}.almira-related-cats__list a:hover{background:#14B8A6;color:#fff}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}@media screen and (max-width:768px){#abc-atc-popup.abc-atc-popup{align-items:flex-end!important;padding:0!important}#abc-atc-popup .abc-atc-popup__container{max-width:100%!important;width:100%!important;border-radius:24px 24px 0 0!important;margin:0!important}#abc-atc-popup .abc-atc-popup__header{padding:18px 16px!important}#abc-atc-popup .abc-atc-popup__title{font-size:18px!important}#abc-atc-popup .abc-atc-popup__close{width:40px!important;height:40px!important}#abc-atc-popup .abc-atc-added{display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:16px!important}#abc-atc-popup .abc-atc-added__img{width:80px!important;height:80px!important;border-radius:12px!important}#abc-atc-popup .abc-atc-added__name{font-size:15px!important;white-space:normal!important;line-height:1.4!important}#abc-atc-popup .abc-atc-added__price{font-size:17px!important;margin-top:8px!important}#abc-atc-popup .abc-atc-added__meta{width:100%!important;display:flex!important;justify-content:space-between!important;padding-top:14px!important;margin-top:6px!important;border-top:1px dashed #E5E7EB!important}#abc-atc-popup .abc-atc-added__count{font-size:14px!important}#abc-atc-popup .abc-atc-added__subtotal{font-size:18px!important;font-weight:800!important}#abc-atc-popup .abc-atc-recos{display:block!important;padding:16px!important}#abc-atc-popup .abc-atc-recos__header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}#abc-atc-popup .abc-atc-recos__title{display:flex!important;align-items:center!important;gap:8px!important;font-size:15px!important;font-weight:700!important;margin:0!important}#abc-atc-popup .abc-atc-recos__grid{display:flex!important;overflow-x:auto!important;gap:12px!important;padding-bottom:8px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}#abc-atc-popup .abc-atc-reco{display:flex!important;flex-direction:column!important;min-width:140px!important;max-width:160px!important;flex-shrink:0!important;scroll-snap-align:start!important;background:#F9FAFB!important;border-radius:12px!important;padding:10px!important;position:relative!important}#abc-atc-popup .abc-atc-reco__img{display:block!important;width:100%!important;aspect-ratio:1!important;border-radius:8px!important;overflow:hidden!important;margin-bottom:8px!important}#abc-atc-popup .abc-atc-reco__img img{width:100%!important;height:100%!important;object-fit:cover!important}#abc-atc-popup .abc-atc-reco__name{font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#1F2937!important;text-decoration:none!important}#abc-atc-popup .abc-atc-reco__price{font-size:14px!important;font-weight:700!important;color:#14B8A6!important;margin-top:4px!important}#abc-atc-popup .abc-atc-reco__btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;height:36px!important;margin-top:8px!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;border:none!important;cursor:pointer!important}#abc-atc-popup .abc-atc-reco__btn--add{background:#14B8A6!important;color:white!important}#abc-atc-popup .abc-atc-reco__btn--view{background:#E5E7EB!important;color:#374151!important;text-decoration:none!important}#abc-atc-popup .abc-atc-popup__footer{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0))!important}#abc-atc-popup .abc-atc-popup__btn{width:100%!important;min-width:100%!important;max-width:100%!important;flex:none!important;height:56px!important;font-size:16px!important;font-weight:700!important;border-radius:14px!important}#abc-atc-popup .abc-atc-popup__btn--primary{order:1!important}#abc-atc-popup .abc-atc-popup__btn--secondary{order:2!important}}