@layer components{.safe-area-pb{padding-bottom:env(safe-area-inset-bottom)}.trust-badge{background-color:var(--color-neutral-lightest);border:1px solid var(--color-neutral-light);border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:.75rem;container-type:inline-size;transition:all .2s ease-in-out}@media (max-width: 768px){.trust-badge{padding:.5rem;gap:.5rem}}.trust-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.trust-badge__icon{width:2rem;height:2rem;background-color:var(--color-primary);border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}@media (max-width: 768px){.trust-badge__icon{width:1.5rem;height:1.5rem;font-size:.875rem}}.trust-badge__content{flex:1;min-width:0}.trust-badge__content h4{font-size:.875rem;font-weight:600;color:var(--color-neutral-dark);margin-bottom:.25rem;line-height:1.2}@media (max-width: 768px){.trust-badge__content h4{font-size:.75rem;margin-bottom:.125rem}}.trust-badge__content p{font-size:.75rem;color:var(--color-neutral-medium);margin:0;line-height:1.3}@media (max-width: 768px){.trust-badge__content p{font-size:.625rem}}@container (max-width: 250px){.trust-badge{flex-direction:column;text-align:center;gap:.5rem}.trust-badge__content h4{font-size:.8rem}.trust-badge__content p{font-size:.7rem}}.image-gallery{display:block;container-type:inline-size}@media (max-width: 768px){.image-gallery .thumbnail-container{margin-top:.5rem}.image-gallery [data-thumbnail]{width:4rem!important;height:4rem!important;border-radius:.5rem}.image-gallery .thumbnail-container .flex{gap:.5rem}}@media (max-width: 480px){.image-gallery [data-thumbnail]{width:3.5rem!important;height:3.5rem!important}.image-gallery .thumbnail-container .flex{gap:.375rem}}@media (max-width: 768px){.image-gallery{@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}}.image-gallery .image-gallery .gallery-nav,.image-gallery .gallery-nav-prev,.image-gallery .gallery-nav-next{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.image-gallery .swipe-hint{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000d9,#000000bf);color:#fff;padding:.625rem 1rem;border-radius:1rem;font-size:.8125rem;font-weight:600;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.image-gallery .swipe-hint:before{content:"👆";font-size:1rem;animation:pulse 2s ease-in-out infinite}}.image-gallery .gallery-nav{will-change:transform,opacity;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1)}.image-gallery .gallery-nav:hover{transform:scale(1.1)}.image-gallery .gallery-nav-prev{anchor-name:--gallery-prev}.image-gallery .gallery-nav-next{anchor-name:--gallery-next}.image-gallery .gallery-counter{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);anchor-name:--gallery-counter}@supports (anchor-name: --test){.image-gallery .gallery-counter{position:absolute;bottom:anchor(--gallery-main bottom,1rem);left:anchor(--gallery-main center);transform:translate(-50%)}}.image-gallery .gallery-main{anchor-name:--gallery-main;contain:layout style paint}.image-gallery [data-thumbnail]{container-type:inline-size}.image-gallery [data-thumbnail]:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:8px}@container (max-width: 80px){.image-gallery [data-thumbnail] img{object-fit:contain}}.image-gallery .thumbnail-container{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.image-gallery .thumbnail-container::-webkit-scrollbar{display:none}.image-gallery .thumbnail-container:hover+.thumbnail-nav,.image-gallery .thumbnail-container:focus-within+.thumbnail-nav{opacity:1}.image-gallery .thumbnail-container:hover~.thumbnail-nav,.image-gallery .thumbnail-container:focus-within~.thumbnail-nav{opacity:1}.image-gallery .image-gallery:hover .thumbnail-nav{opacity:1}.image-gallery .thumbnail-nav{will-change:opacity,transform;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.image-gallery .thumbnail-nav:hover{transform:scale(1.1)}.image-gallery .gallery-loading{will-change:opacity;transition:opacity .2s ease-in-out}.product-details{container-type:inline-size}.product-details .product-info-grid{display:grid;gap:1rem}@container (max-width: 500px){.product-details .product-info-grid{grid-template-columns:1fr;gap:.5rem}}@container (min-width: 501px){.product-details .product-info-grid{grid-template-columns:repeat(2,1fr)}}.product-details .trust-badges-grid{display:grid;gap:1rem}@container (max-width: 600px){.product-details .trust-badges-grid{grid-template-columns:1fr}}@container (min-width: 601px) and (max-width: 900px){.product-details .trust-badges-grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 901px){.product-details .trust-badges-grid{grid-template-columns:repeat(3,1fr)}}.product-details .status-badge{container-type:inline-size;font-size:.875rem;padding:.5rem .75rem}@container (min-width: 300px){.product-details .status-badge{font-size:.9375rem;padding:.5625rem .875rem}}@container (max-width: 200px){.product-details .status-badge{font-size:.75rem;padding:.375rem .5rem;gap:.375rem}.product-details .status-badge .status-indicator{width:.3125rem;height:.3125rem}}.product-info-grid .status-badge{display:none}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.product-actions{container-type:inline-size}.product-actions .btn-primary,.product-actions .btn-secondary{transition:all .2s cubic-bezier(.4,0,.2,1)}@container (max-width: 300px){.product-actions .btn-primary,.product-actions .btn-secondary{font-size:.875rem;padding:.75rem 1rem}}@container (min-width: 301px){.product-actions .btn-primary,.product-actions .btn-secondary{font-size:1rem;padding:1rem 2rem}}}@layer utilities{.touch-optimized{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-touch-target{min-height:44px;min-width:44px}@media (max-width: 768px){.mobile-touch-target{min-height:48px;min-width:48px}}@supports (view-transition-name: none){.view-transition-image{view-transition-name:product-image}.view-transition-details{view-transition-name:product-details}}.container-inline{container-type:inline-size}.container-block{container-type:block-size}.container-size{container-type:size}.focus-ring-primary:focus{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:8px}.status-overlay{position:absolute;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 640px){.status-overlay:not(:first-child){margin-top:.5rem}}.image-gallery{outline:none!important}.image-gallery:focus{outline:none!important;box-shadow:none!important}.image-gallery .gallery-main{border-radius:.5rem;overflow:hidden;outline:none!important}.image-gallery .gallery-main:focus{outline:none!important;box-shadow:none!important}.image-gallery .gallery-main .absolute{transition:all .2s ease-in-out}.image-gallery .gallery-main .absolute:hover{transform:scale(1.05)}.image-gallery *{outline:none!important}.image-gallery *:focus{outline:none!important;box-shadow:none!important}@media (max-width: 768px){.mobile-sticky-actions{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:1rem;z-index:50;padding-bottom:calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -4px 6px -1px #0000001a}.touch-target{min-height:3.5rem;min-width:3.5rem}.no-zoom{touch-action:manipulation}.mobile-text-sm{font-size:.875rem;line-height:1.25rem}.mobile-text-xs{font-size:.75rem;line-height:1rem}}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0)}.smooth-scroll{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.smooth-scroll{scroll-behavior:auto}}.status-container{min-height:2.5rem;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}@media (max-width: 640px){.status-container{min-height:2rem;gap:.375rem}}.product-details .status-container{min-height:3rem;margin-top:.5rem}@media (max-width: 640px){.product-details .status-container{min-height:2.5rem}}@media (max-width: 768px){.product-card{margin-bottom:1rem}.product-image-mobile{height:250px}.product-details-mobile{padding:1rem}.mobile-product-title{font-size:1.25rem;line-height:1.375rem;font-weight:700}.mobile-price-large{font-size:1.5rem;line-height:2rem;font-weight:700}}.trust-badges-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (max-width: 480px){.trust-badges-mobile{gap:.25rem}}}@layer components{.btn-cta-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:1.125rem;text-align:center;display:block;width:100%;transition:all .2s ease-in-out;box-shadow:0 4px 14px #1e3a5f40;border:none;cursor:pointer}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e3a5f59;background:linear-gradient(135deg,var(--color-primary-dark) 0%,#0f2439 100%)}.btn-cta-primary:active{transform:translateY(0)}@media (max-width: 768px){.btn-cta-primary{padding:.875rem 1.5rem;font-size:1rem;border-radius:.5rem}}.btn-cta-secondary{background:#fff;color:var(--color-neutral-dark);border:2px solid var(--color-neutral-light);padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;text-align:center;display:block;width:100%;transition:all .2s ease-in-out;cursor:pointer}.btn-cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.btn-cta-secondary{padding:.875rem 1.5rem;font-size:.875rem;border-radius:.5rem}}}@layer components{.sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to right,#fffffff2,#f8fafcf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(226,232,240,.8);box-shadow:0 -4px 20px #0000001a;z-index:1000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:1rem;opacity:0;visibility:hidden}.sticky-cta-bar.show{transform:translateY(0);opacity:1;visibility:visible}.sticky-cta-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.sticky-product-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.sticky-product-name{font-weight:600;color:var(--color-neutral-dark);font-size:.875rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-product-price{font-weight:700;color:var(--color-primary);font-size:1.125rem;line-height:1}.sticky-cta-buttons{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.sticky-add-to-cart{background:linear-gradient(135deg,var(--color-kaady-yellow) 0%,var(--color-kaady-yellow-dark) 100%);color:var(--color-neutral-dark);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:.875rem;border:2px solid var(--color-kaady-yellow);cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 8px #ffd7004d;white-space:nowrap}.sticky-add-to-cart:hover{background:linear-gradient(135deg,var(--color-kaady-yellow-dark) 0%,#d4a800 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066;border-color:var(--color-kaady-yellow-dark)}.sticky-add-to-cart:disabled{opacity:.5;cursor:not-allowed;transform:none}.sticky-call-button{color:var(--color-primary);border:2px solid var(--color-primary);background:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.sticky-call-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);text-decoration:none}@media (max-width: 640px){.sticky-cta-bar{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.sticky-cta-content{gap:.75rem}.sticky-product-name{font-size:.8125rem}.sticky-product-price{font-size:1rem}.sticky-add-to-cart{padding:.625rem 1.25rem;font-size:.8125rem}.sticky-call-button{padding:.5rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.sticky-cta-content{flex-direction:column;gap:.75rem}.sticky-cta-buttons{width:100%;justify-content:space-between}.sticky-add-to-cart{flex:1}}}@supports (container-type: inline-size){.legacy-media-query{display:none}}@supports not (container-type: inline-size){.container-query-layout{display:none}.legacy-media-query{display:block}}
