.custom-hero{background:linear-gradient(135deg,#009688,#00bcd4);padding:calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl);text-align:center;position:relative;overflow:hidden}.custom-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.custom-hero__content{max-width:800px;margin:0 auto;position:relative;z-index:1}.custom-hero__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:var(--spacing-md);font-family:Playfair Display,serif;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-hero__subtitle{font-size:var(--font-size-lg);color:#fffffff2;line-height:1.6;max-width:600px;margin:0 auto}.progress-section{padding:var(--spacing-3xl) 0 var(--spacing-2xl);background-color:var(--color-background);border-bottom:2px solid var(--color-border)}.progress-steps{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:3px;background-color:var(--color-border);z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.progress-step__circle{width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-surface);border:3px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:all var(--transition-normal)}.progress-step.active .progress-step__circle{background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-teal));border-color:var(--color-accent-emerald);color:var(--color-primary);box-shadow:0 4px 12px #0096884d}.progress-step.completed .progress-step__circle{background-color:var(--color-accent-emerald);border-color:var(--color-accent-emerald);color:var(--color-primary)}.progress-step__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.progress-step.active .progress-step__label{color:var(--color-accent-emerald);font-weight:var(--font-weight-semibold)}.custom-designer{padding:var(--spacing-4xl) 0 var(--spacing-5xl);background-color:#fff}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.loading-spinner:before{content:"";display:block;width:40px;height:40px;margin-right:15px;border:4px solid var(--color-border);border-top-color:var(--color-accent-emerald);border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;padding:var(--spacing-2xl);color:var(--color-error);background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);margin:var(--spacing-lg)}.designer-layout{display:grid;grid-template-columns:40% 1fr;gap:var(--spacing-3xl);align-items:start}.preview-area{position:sticky;top:calc(var(--header-height) + var(--spacing-xl))}.preview-card{background-color:#f9f9f9;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 4px 6px #00000012;border:1px solid #e0e0e0}.preview-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-secondary);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center}.preview-container{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:var(--radius-lg);padding:var(--spacing-3xl);margin-bottom:var(--spacing-xl);perspective:1200px}.mug-preview{display:flex;justify-content:center;align-items:center;min-height:400px;margin-bottom:var(--spacing-xl)}.cup-image-wrapper{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;transition:transform .6s ease-out;transform-style:preserve-3d}.preview-layers{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-cup-base{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transition:all .4s ease;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.preview-wrap-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;z-index:2;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease;border-radius:10px;mix-blend-mode:multiply}.preview-wrap-layer.active{opacity:.8;animation:wrapFadeIn .6s ease}@keyframes wrapFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.preview-style-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0;transition:opacity .5s ease;mix-blend-mode:overlay}.preview-style-layer.active{opacity:.6;animation:styleFadeIn .6s ease}@keyframes styleFadeIn{0%{opacity:0}to{opacity:.6}}.preview-style-layer.glitter-effect{background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.3) 50%,transparent 70%);background-size:200% 200%;animation:glitterShine 3s ease infinite}.preview-style-layer.lava-effect{background:radial-gradient(circle at 30% 50%,rgba(255,69,0,.4) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,140,0,.4) 0%,transparent 50%);background-size:200% 200%;animation:lavaFlow 4s ease infinite}.preview-style-layer.marble-effect{background:linear-gradient(135deg,#ffffff4d,#c8c8c833,#ffffff4d,#c8c8c833,#ffffff4d);background-size:400% 400%;animation:marbleShift 6s ease infinite}@keyframes marbleShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cup-svg{width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));transition:all var(--transition-normal)}#cup-body{transition:all .4s ease}@keyframes glitterShine{0%,to{filter:brightness(1) saturate(1.2)}50%{filter:brightness(1.3) saturate(1.5)}}@keyframes lavaFlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) saturate(1.3)}}.preview-actions{display:flex;gap:var(--spacing-md);justify-content:center}.preview-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-teal));color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #00968840}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00968859}.preview-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00968833}.preview-selected-summary{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.preview-summary__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent-emerald);font-family:var(--font-secondary)}.preview-summary__section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.preview-summary__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.preview-summary__label svg{color:var(--color-accent-emerald);flex-shrink:0}.preview-summary__item{font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);background-color:#12908e0d;border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-emerald);font-weight:var(--font-weight-medium)}.preview-summary__items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-summary__items .preview-summary__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.preview-summary__item-image{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-accent-emerald);flex-shrink:0;background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.preview-summary__item-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.preview-summary__empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.preview-selected-summary-enhanced{display:flex;flex-direction:column;gap:var(--spacing-lg)}.summary-item-large{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:var(--radius-lg);border:2px solid var(--color-accent-emerald);box-shadow:0 2px 8px #00968826}.summary-item-large__image{width:120px;height:120px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:2px solid var(--color-border)}.summary-item-large__image img{width:100%;height:100%;object-fit:cover}.summary-item-large__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs)}.summary-item-large__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.summary-item-large__title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.3}.summary-item-large__price{font-size:var(--font-size-md);color:var(--color-accent-emerald);font-weight:var(--font-weight-bold)}.summary-items-grid{padding:var(--spacing-md);background:#f8f9fa80;border-radius:var(--radius-md);border:1px solid var(--color-border)}.summary-items-grid__header h4{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}.summary-items-grid__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.summary-item-thumb{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all .2s ease}.summary-item-thumb:hover{border-color:var(--color-accent-emerald);box-shadow:0 2px 6px #00968826}.summary-item-thumb__image{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#f8f9fa}.summary-item-thumb__image img{width:100%;height:100%;object-fit:cover}.summary-item-thumb__title{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.3}.summary-item-thumb__price{font-size:var(--font-size-sm);color:var(--color-accent-emerald);font-weight:var(--font-weight-bold);margin-left:auto}.summary-item-simple{padding:var(--spacing-md);background:#f8f9fa80;border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.summary-item-simple__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.summary-item-simple__value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.preview-info{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-xl);border-top:2px solid var(--color-border);margin-top:var(--spacing-xl)}.price-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.price-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.price-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent-emerald);font-family:var(--font-secondary)}.options-area{background-color:#f9f9f9;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;border:1px solid #e0e0e0;padding:var(--spacing-3xl)}.step-content{position:relative;min-height:500px}.step-panel{display:none;animation:fadeSlideIn .4s ease-out}.step-panel.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-secondary);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.cup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.cup-option{cursor:pointer}.cup-option input[type=radio]{display:none}.cup-card{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);height:100%}.cup-option input[type=radio]:checked+.cup-card{border-color:var(--color-accent-emerald);background:linear-gradient(145deg,var(--color-background) 0%,rgba(0,150,136,.05) 100%);box-shadow:0 6px 16px #00968826;transform:translateY(-4px)}.cup-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cup-card__icon{width:70px;height:70px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-accent-emerald) 0%,var(--color-accent-teal) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.cup-card__image{width:120px;height:120px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.cup-card__image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-fast)}.cup-placeholder-icon{color:var(--color-accent-emerald);opacity:.6}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:400px;color:var(--color-text-secondary)}.preview-placeholder svg{color:var(--color-accent-emerald);opacity:.4}.preview-placeholder__text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);opacity:.7}.item-placeholder-icon{color:var(--color-text-secondary);opacity:.4}.cup-option:hover .cup-card__image img{transform:scale(1.1)}.cup-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.cup-card__size{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.cup-card__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-emerald)}.wrap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.wrap-option{cursor:pointer}.wrap-option input[type=radio]{display:none}.wrap-card{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.wrap-option input[type=radio]:checked+.wrap-card{border-color:var(--color-accent-emerald);background:linear-gradient(145deg,var(--color-background) 0%,rgba(0,150,136,.05) 100%);box-shadow:0 6px 16px #00968826;transform:translateY(-4px)}.wrap-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.wrap-preview-img{width:100%;height:180px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:var(--radius-md);padding:var(--spacing-lg)}.wrap-preview-img svg{width:100%;height:100%;max-width:160px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.wrap-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.wrap-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.style-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.style-tab input[type=radio]{display:none}.style-tab__btn{display:block;padding:var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.style-tab input[type=radio]:checked+.style-tab__btn{background-color:var(--color-accent-emerald);border-color:var(--color-accent-emerald);color:var(--color-primary);box-shadow:0 4px 12px #00968840}.style-tab__btn:hover{border-color:var(--color-accent-emerald);transform:translateY(-2px)}.style-colors{display:none}.style-colors.active{display:block}.color-instruction{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:center}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.color-checkbox,.color-radio{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.color-checkbox input[type=checkbox],.color-radio input[type=radio]{display:none}.color-box{width:70px;height:70px;border-radius:var(--radius-md);border:3px solid transparent;transition:all var(--transition-fast);box-shadow:0 4px 12px #00000026}.color-checkbox input[type=checkbox]:checked+.color-box,.color-radio input[type=radio]:checked+.color-box{border-color:var(--color-accent-emerald);transform:scale(1.1);box-shadow:0 6px 16px #00968866,0 0 0 4px #0096881a}.color-checkbox:hover .color-box,.color-radio:hover .color-box{transform:scale(1.05)}.color-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.color-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.tiktok-option{max-width:600px;margin:0 auto var(--spacing-2xl)}.tiktok-card{background:linear-gradient(145deg,var(--color-background) 0%,var(--color-surface) 100%);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center}.tiktok-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,#ff0050,#00f2ea);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 8px 20px #ff00504d}.tiktok-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-secondary);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.tiktok-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-2xl)}.tiktok-choice{display:flex;gap:var(--spacing-lg);justify-content:center}.tiktok-radio{flex:1;max-width:250px}.tiktok-radio input[type=radio]{display:none}.tiktok-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.yes-btn,.no-btn{background-color:var(--color-background);color:var(--color-text-primary)}.tiktok-radio input[type=radio]:checked+.yes-btn{background:linear-gradient(135deg,#00b894,#00cec9);border-color:#00b894;color:var(--color-primary);box-shadow:0 6px 16px #00b8944d}.tiktok-radio input[type=radio]:checked+.no-btn{background-color:var(--color-surface);border-color:var(--color-border)}.tiktok-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.step-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-3xl)}.btn-back,.btn-next,.btn-checkout{padding:var(--spacing-md) var(--spacing-3xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;min-width:140px}.btn-back{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-back:hover{background-color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-next,.btn-checkout{background-color:var(--color-accent-blue);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-next:hover,.btn-checkout:hover{background-color:var(--color-accent-orange);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-checkout{min-width:200px;font-size:var(--font-size-lg)}.you-may-also-like,.product-recommendations,.recommended-products,.recommendations,.related-products{--rec-gap: var(--spacing-lg, 24px)}.you-may-also-like .recommendation-list,.you-may-also-like .recommendations-list,.product-recommendations .grid,.product-recommendations .products,.recommendations .grid,.recommended-products .grid,.related-products .products,.recommendations-wrapper,#recommendations,.section--recommendations{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--rec-gap);align-items:start}.product-card,.card,.recommendation-item,.recommendation-card,.grid__item,.recommended-product,.related-product{display:flex;flex-direction:column;height:100%;min-height:1px;background:transparent;border:none}.product-card__media,.card__media,.product-card__image,.card__image,.recommendation-card__image,.grid__image,.recommended-product__image,.related-product__image,.product-card__thumbnail{display:block;width:100%;max-height:220px;overflow:hidden;margin:0 auto;text-align:center;background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.product-card__media img,.card__media img,.product-card__image img,.card__image img,.recommendation-card__image img,.grid__image img,.recommended-product__image img,.related-product__image img,.product-card__thumbnail img{width:auto;max-width:100%;height:auto;max-height:200px;object-fit:contain;display:inline-block}.product-card__info,.card__content,.recommendation-card__info,.grid__info,.recommended-product__info,.related-product__info{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center;justify-content:flex-start}.product-card__title,.card__title,.recommendation-card__title,.grid__title,.recommended-product__title,.related-product__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;margin:0 auto}.product-card .card__actions,.card .card__actions,.recommendation-card .card__actions,.recommended-product .card__actions{margin-top:auto;padding-top:var(--spacing-sm);display:flex;justify-content:center}.product-card:hover,.card:hover,.recommendation-card:hover{transform:translateY(-4px);transition:transform .18s ease}@media (max-width: 1024px){.you-may-also-like .recommendation-list,.product-recommendations .grid,.recommendations .grid,.recommended-products .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.you-may-also-like .recommendation-list,.product-recommendations .grid,.recommendations .grid,.recommended-products .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.product-card__media,.card__media,.product-card__image,.card__image{max-height:160px}}@media (max-width: 480px){.you-may-also-like .recommendation-list,.product-recommendations .grid,.recommendations .grid,.recommended-products .grid{grid-template-columns:1fr;gap:var(--spacing-md)}.product-card__media,.card__media,.product-card__image,.card__image{max-height:140px}}.you-may-also-like [style*="display:inline-block"],.product-recommendations [style*="display:inline-block"],.recommendations [style*="display:inline-block"]{display:block!important}.step-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);text-align:center}.wrap-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-emerald) var(--color-background)}.wrap-categories::-webkit-scrollbar{height:6px}.wrap-categories::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-md)}.wrap-categories::-webkit-scrollbar-thumb{background:var(--color-accent-emerald);border-radius:var(--radius-md)}.category-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-tab:hover{border-color:var(--color-accent-emerald);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.category-tab.active{background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-teal));border-color:var(--color-accent-emerald);color:var(--color-primary);box-shadow:0 4px 12px #00968840}.category-icon{font-size:var(--font-size-lg);line-height:1}.category-name{font-weight:var(--font-weight-semibold)}.selected-wraps{background:linear-gradient(145deg,var(--color-background) 0%,var(--color-surface) 100%);border:2px solid var(--color-accent-emerald);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.selected-wraps__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.selected-wraps__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.selected-wraps__clear{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--color-accent-orange);border:1px solid var(--color-accent-orange);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.selected-wraps__clear:hover{background-color:var(--color-accent-orange);color:var(--color-primary);transform:translateY(-1px)}.selected-wraps__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-wraps__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md)}.selected-wrap-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent-emerald);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.selected-wrap-item__image{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.3)}.selected-wrap-item__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-wrap-item__price{font-weight:var(--font-weight-semibold);opacity:.9}.selected-wrap-item__remove{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);margin-left:var(--spacing-xs)}.selected-wrap-item__remove:hover{background-color:#fff3;transform:scale(1.1)}.selected-wrap-item__remove svg{width:14px;height:14px}.wrap-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);max-height:600px;overflow-y:auto;padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--color-accent-emerald) var(--color-background)}.wrap-gallery::-webkit-scrollbar{width:8px}.wrap-gallery::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-md)}.wrap-gallery::-webkit-scrollbar-thumb{background:var(--color-accent-emerald);border-radius:var(--radius-md)}.wrap-gallery__loading,.wrap-gallery__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}.wrap-item{position:relative;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.wrap-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:var(--color-accent-emerald)}.wrap-item.selected{border-color:var(--color-accent-emerald);background:linear-gradient(145deg,var(--color-surface) 0%,rgba(0,150,136,.08) 100%);box-shadow:0 6px 16px #00968833}.wrap-item__image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.wrap-item__info{text-align:center}.wrap-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:2.6em}.wrap-item__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-emerald);margin-bottom:var(--spacing-sm)}.wrap-item__select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent-emerald);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.wrap-item__select:hover{background-color:var(--color-accent-teal);transform:translateY(-1px)}.wrap-item__select .selected-text{display:none}.wrap-item.selected .wrap-item__select{background-color:var(--color-accent-orange)}.wrap-item.selected .wrap-item__select .select-text{display:none}.wrap-item.selected .wrap-item__select .selected-text{display:inline}.wrap-item__badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-teal));color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #00968866;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #00968866}50%{transform:scale(1.05);box-shadow:0 4px 12px #00968899}}.wrap-item__badge svg{width:16px;height:16px}@media (max-width: 968px){.wrap-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:500px}.category-tab{font-size:12px;padding:var(--spacing-xs) var(--spacing-md)}.category-icon{font-size:var(--font-size-base)}}@media (max-width: 768px){.wrap-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);max-height:400px}.selected-wraps{padding:var(--spacing-md)}.selected-wraps__header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.wrap-item__name,.wrap-item__price{font-size:12px}}@media (max-width: 900px){.collection .products-grid{grid-template-columns:repeat(3,1fr)}}.collection .grid-wrapper{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-3xl);align-items:start}.collection .grid-wrapper--no-sidebar{grid-template-columns:1fr}.filter-toggle{display:none;align-items:center;gap:var(--spacing-sm);padding:8px 12px;border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm)}.collection .products-area{width:100%;box-sizing:border-box}@media (max-width: 600px){.collection .products-grid{grid-template-columns:repeat(2,1fr)}.collection .grid-wrapper{grid-template-columns:1fr}.filter-toggle{display:inline-flex}.filter-panel{position:fixed;top:0;left:0;width:100%;height:100vh;max-width:none;border-radius:0;transform:translate(-100%);transition:transform .28s ease-in-out;z-index:1200}.filter-panel.active{transform:translate(0)}body.filter-open{overflow:hidden}.filter-actions{position:sticky;bottom:0;left:0;right:0;background:var(--color-background);padding:calc(var(--spacing-lg) / 1.5);margin:0;box-shadow:0 -6px 18px #0000000f}.product-card__image{height:180px}}@media (max-width: 420px){.collection .products-grid{grid-template-columns:1fr}.product-card__image{height:140px}}.filter-toggle:focus,.btn-apply-filters:focus,.btn-clear-filters:focus,.filter-panel__close:focus{outline:3px solid rgba(0,150,136,.12);outline-offset:2px}.collection .products-wrapper{display:block;width:100%}.quick-view-modal__actions{display:flex;flex-direction:row;gap:20px}.quick-view-modal__actions .btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:.9rem;min-height:56px}@media (max-width: 768px){.collection .products-grid>:nth-child(n+19){display:block}}@media (max-width: 768px){body{overflow-x:hidden!important}.custom-designer{overflow-x:hidden!important;width:100%;max-width:100vw}.container{overflow-x:hidden!important;max-width:100%}.designer-layout{grid-template-columns:1fr!important;gap:var(--spacing-lg)!important;width:100%;overflow-x:hidden}.mug-preview{height:auto;min-height:fit-content!important}.options-area{padding:10px!important}.preview-area{position:static!important;top:auto!important;order:-1;margin-bottom:var(--spacing-lg)}.preview-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.preview-container{min-height:250px;max-height:auto!important;padding:var(--spacing-lg)}.preview-container img,.preview-container canvas{max-height:300px;width:auto;object-fit:contain}.options-area{position:static;overflow-y:visible;overflow-x:hidden;max-height:none;width:100%}.option-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);width:100%;overflow-x:hidden;max-height:none!important}.cup-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)!important;width:100%;overflow-y:visible!important;max-height:none!important;margin-bottom:var(--spacing-lg)}.option-group.cup-options,#step-1 .option-group{max-height:none!important;overflow-y:visible!important}.option-group h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important;width:100%;overflow-x:hidden}.product-option{padding:var(--spacing-sm)}.product-option img{height:80px;width:80px}.product-option__title{font-size:var(--font-size-sm)}.style-options-grid{grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-xs)!important;width:100%;overflow-x:hidden}.wrap-options-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important;width:100%;overflow-x:hidden}.wrap-categories,.style-categories{overflow-x:auto;width:100%;max-width:100%;flex-wrap:wrap}.category-tab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:auto}.quick-view-modal__body{grid-template-columns:1fr}.quick-view-modal__header{max-width:100%}.quick-view-modal__options{flex-direction:row-reverse;max-width:100%}.quick-view-modal__option{text-align:center;flex-direction:column}.quick-view-modal__actions{display:flex;flex-direction:column;gap:20px}.text-input-group input,.text-input-group textarea{width:100%;font-size:var(--font-size-base)}.designer-actions{flex-direction:column;gap:var(--spacing-sm)}.designer-actions .btn{width:100%}.preview-card,.options-card{z-index:1}.preview-card,.options-card,.cup-card,.wrap-item,.style-item{max-width:100%;overflow:hidden}img,canvas,svg{max-width:100%;height:auto}.cup-image-wrapper{width:100%;max-width:300px;height:auto;margin:0 auto}.preview-layers{width:100%;overflow:hidden}}@media (max-width: 480px){.preview-container{min-height:200px;max-height:fit-content!important;padding:var(--spacing-md)}.preview-container img,.preview-container canvas{max-height:240px}.cup-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important}.cup-card{padding:var(--spacing-md)!important}.cup-card__icon{width:50px!important;height:50px!important;margin-bottom:var(--spacing-sm)!important}.cup-card__title{font-size:var(--font-size-sm)!important}.cup-card__price{font-size:var(--font-size-xs)!important}.product-grid{grid-template-columns:1fr!important}.style-options-grid{grid-template-columns:repeat(2,1fr)!important}.wrap-options-grid{grid-template-columns:1fr!important}}.selected-styles{background:linear-gradient(145deg,var(--color-background) 0%,var(--color-surface) 100%);border:2px solid var(--color-accent-blue);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.selected-styles__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.selected-styles__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.selected-styles__clear{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--color-accent-orange);border:1px solid var(--color-accent-orange);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.selected-styles__clear:hover{background-color:var(--color-accent-orange);color:var(--color-primary);transform:translateY(-1px)}.selected-styles__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-styles__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md)}.selected-style-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent-blue);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideIn .3s ease-out}.selected-style-item__image{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.3)}.selected-style-item__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-style-item__remove{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);margin-left:var(--spacing-xs)}.selected-style-item__remove:hover{background-color:#fff3;transform:scale(1.1)}.selected-style-item__remove svg{width:14px;height:14px}.style-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);max-height:500px;overflow-y:auto;padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--color-accent-blue) var(--color-background)}.style-gallery::-webkit-scrollbar{width:8px}.style-gallery::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-md)}.style-gallery::-webkit-scrollbar-thumb{background:var(--color-accent-blue);border-radius:var(--radius-md)}.style-gallery__loading,.style-gallery__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}.style-item{position:relative;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.style-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:var(--color-accent-blue)}.style-item.selected{border-color:var(--color-accent-blue);background:linear-gradient(145deg,var(--color-surface) 0%,rgba(91,33,182,.08) 100%);box-shadow:0 6px 16px #5b21b633}.style-item__image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.style-item__info{text-align:center}.style-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:2.6em}.style-item__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-blue);margin-bottom:var(--spacing-sm)}.style-item__select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent-blue);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.style-item__select:hover{background-color:var(--color-accent-purple);transform:translateY(-1px)}.style-item__select .selected-text{display:none}.style-item.selected .style-item__select{background-color:var(--color-accent-orange)}.style-item.selected .style-item__select .select-text{display:none}.style-item.selected .style-item__select .selected-text{display:inline}.style-item__badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-purple));color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #5b21b666;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.style-item__badge svg{width:16px;height:16px}.wishlist,.wishlist-page,.account-wishlist,.wish-list,.wishlist-items,.wishlist__items,.wishlist-list,.wishlist .products-grid,.wishlist .product-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:var(--spacing-md, 16px)!important;align-items:start!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important}.wishlist .products-grid>*,.wishlist-list>li,.wishlist-items>li,.wishlist__items>li{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;position:static!important;transform:none!important;left:auto!important;top:auto!important;pointer-events:auto!important;height:auto!important;max-height:none!important}.wishlist *[style*="display:none"],.wishlist *[style*="visibility:hidden"],.wishlist *[style*="opacity:0"],.wishlist [aria-hidden=true],.wishlist [hidden],.wishlist [data-hidden=true]{display:block!important;visibility:visible!important;opacity:1!important}.wishlist .product-card,.wishlist-list .product-card,.wishlist .card,.wishlist .product-card__content{display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;min-height:120px!important}.wishlist .products-grid>:nth-child(n+1),.wishlist .products-grid>:nth-child(n+19){display:block!important}@media (max-width: 600px){.wishlist,.wishlist .products-grid,.wishlist-list{grid-template-columns:1fr!important;gap:var(--spacing-sm, 12px)!important}}.wrap-item__stock{font-size:.8rem;color:#6c757d;margin-top:4px}#wrap-gallery .loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:#6c757d;font-size:1.1rem}#wrap-gallery .loading-spinner:before{content:"";width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#12908e;border-radius:50%;margin-right:15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#wrap-gallery .error-message{text-align:center;padding:40px;color:#dc3545;font-size:1rem;background:#f8d7da;border-radius:8px;border:1px solid #f5c6cb}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom.css.map */