/* =====================================================================
   YELLOW BELL — UI additions (reference layout): shop filters, cards,
   wishlist, cart, account/orders, FAQ, bottom nav, home sections.
   ===================================================================== */
:root{--gr:#2f5d3a;--gr-d:#234a2e;--yl:#e8a713;--yl-l:#f4c545;--ln:rgba(205,196,140,.6);--panel:rgba(255,253,243,.82)}
body.yx-lock{overflow:hidden}
.yx-sec{padding:34px 0 8px}
.yx-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.yx-h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(32px,4vw,46px);color:var(--gr-d);line-height:1}
.yx-sec-head p{margin-top:6px;font-size:13px;color:var(--color-stone)}
.yx-viewall{font-size:12px;font-weight:600;color:var(--gr-d);border:1px solid var(--ln);background:#fffdf3;border-radius:999px;padding:9px 16px;transition:.3s}
.yx-viewall:hover{background:var(--yl);border-color:var(--yl);color:#fff}
.yx-arrows{display:flex;gap:8px}
.yx-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid var(--ln);background:#fffdf3;color:var(--gr-d);font-size:20px;line-height:1;transition:.3s}
.yx-arrows button:hover{background:var(--yl);color:#fff;border-color:var(--yl)}

/* buttons */
.yx-btn-green,.yx-btn-yellow,.yx-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.04em;border:1.5px solid transparent;transition:transform .35s var(--ease-lux),box-shadow .35s,background .3s,color .3s;text-decoration:none;cursor:pointer;font-family:inherit}
.yx-btn-green{background:var(--gr);color:#fff}.yx-btn-green:hover{background:var(--gr-d);transform:translateY(-2px);box-shadow:0 12px 26px rgba(35,74,46,.28)}
.yx-btn-yellow{background:linear-gradient(135deg,var(--yl-l),var(--yl));color:#fff;box-shadow:0 12px 26px rgba(232,167,19,.35);width:100%}.yx-btn-yellow:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(232,167,19,.5)}
.yx-btn-outline{background:transparent;border-color:var(--gr);color:var(--gr-d)}.yx-btn-outline:hover{background:var(--gr);color:#fff}
.yx-btn-outline.sm{padding:9px 18px;font-size:12px}
.yx-summary .yx-btn-outline{width:100%;margin-top:10px}

/* hero slider */
.yx-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease,transform 1.6s ease;transform:scale(1.04)}
.yx-slide.is-on{opacity:1;transform:scale(1)}
.yx-slide-arrow{position:absolute;bottom:14px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,253,243,.92);color:var(--gr-d);font-size:22px;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:.3s}
.yx-slide-arrow.l{right:60px}.yx-slide-arrow.r{right:14px}
.yx-slide-arrow:hover{background:var(--yl);color:#fff}
.yx-dots{z-index:3}.yx-dots i{cursor:pointer;transition:.3s}.yx-dots i.on{background:var(--yl)!important;width:22px!important;border-radius:6px!important}

/* shop by category circles */
.yx-circles{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.yx-circle{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--gr-d);font-size:14px;font-weight:500}
.yx-circle span{display:block;width:min(150px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid #fffdf3;box-shadow:0 0 0 2px var(--ln),0 10px 26px rgba(60,70,30,.14);transition:transform .5s var(--ease-lux),box-shadow .5s}
.yx-circle img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-lux)}
.yx-circle:hover span{transform:translateY(-6px);box-shadow:0 0 0 2px var(--yl),0 18px 34px rgba(232,167,19,.3)}
.yx-circle:hover img{transform:scale(1.1)}
@media(max-width:700px){.yx-circles{display:flex;overflow-x:auto;gap:16px;padding:4px 2px 12px;scrollbar-width:none}.yx-circles::-webkit-scrollbar{display:none}.yx-circle{flex:0 0 92px;font-size:12px}}

/* promo banners */
.yx-promo,.yx-elegance{position:relative;overflow:hidden;border-radius:16px;min-height:280px;display:flex;align-items:center;background:#efe6b8;box-shadow:0 14px 40px rgba(60,70,30,.12)}
.yx-promo>img,.yx-elegance>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yx-promo>img{object-position:80% 40%}.yx-elegance>img:first-child{object-position:50% 40%}
.yx-promo:before,.yx-elegance:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,230,.96) 0%,rgba(251,247,230,.82) 38%,rgba(251,247,230,0) 72%)}
.yx-promo-copy,.yx-elegance-copy{position:relative;z-index:1;padding:36px clamp(22px,5vw,56px);max-width:520px}
.yx-promo h2,.yx-elegance h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(34px,4.4vw,52px);line-height:1.02;color:var(--gr-d)}
.yx-promo p{margin:12px 0 22px;font-size:14px;color:var(--color-stone)}
.yx-elegance-logo{display:block;height:46px;width:auto;margin:14px 0 22px}
.yx-promo,.yx-elegance{transition:transform .6s var(--ease-lux)}.yx-promo:hover>img,.yx-elegance:hover>img:first-child{transform:scale(1.04)}
.yx-promo>img,.yx-elegance>img:first-child{transition:transform 1.4s var(--ease-lux)}

/* horizontal rail */
.yx-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.yx-rail::-webkit-scrollbar{display:none}
.yx-rail>.yx-card{flex:0 0 calc(25% - 15px);scroll-snap-align:start}
@media(max-width:900px){.yx-rail>.yx-card{flex-basis:calc(50% - 10px)}}
.yb-related-grid{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}
.yb-related-grid::-webkit-scrollbar{display:none}
.yb-related-grid>.yb-related-card{flex:0 0 calc(25% - 14px);scroll-snap-align:start;position:relative}
@media(max-width:800px){.yb-related-grid>.yb-related-card{flex-basis:calc(50% - 9px)}}

/* product card */
.yx-card{position:relative}
.yx-card-info{display:flex;justify-content:space-between;gap:10px;margin-top:12px;align-items:flex-start}
.yx-card-info h3{font-size:13.5px;font-weight:600;line-height:1.3}
.yx-card-fabric{font-size:11px;color:var(--color-stone);margin-top:2px}
.yx-card-price{text-align:right;white-space:nowrap}.yx-card-price strong{display:block;font-size:14px;color:var(--gr-d)}.yx-card-price s{font-size:11px;color:var(--color-mist)}
.yx-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.yx-card .yb-product-code-pill{margin:0!important}
.yx-dots{display:flex;gap:5px}
.yx-card .yx-dots i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.14);display:block}
.yx-sale{position:absolute;left:10px;top:10px;z-index:3;background:var(--yl);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.03em}
.yx-heart{position:absolute;right:10px;top:10px;z-index:6;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,243,.94);box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .35s var(--ease-lux),background .3s}
.yx-heart svg{width:17px;height:17px;fill:none;stroke:var(--gr-d);stroke-width:1.8;stroke-linejoin:round;transition:.3s}
.yx-heart:hover{transform:scale(1.12)}
.yx-heart.on{background:#fff0ee}.yx-heart.on svg{fill:#e0584a;stroke:#e0584a}
.yx-heart.pop{animation:yxPop .5s var(--ease-lux)}
@keyframes yxPop{35%{transform:scale(1.4)}}
.yb-related-img{position:relative}.yb-related-img .yx-heart{top:10px;right:10px}
.yx-card .yx-heart{top:10px}
.yx-card .product-card-media{position:relative}

/* banner (shop / collections) */
.yx-banner{padding:18px 0 0}
.yx-banner-in{position:relative;display:flex;align-items:center;min-height:190px;border-radius:16px;overflow:hidden;background:#f4ecc2;box-shadow:0 12px 34px rgba(60,70,30,.1)}
.yx-banner-in>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 35%}
.yx-banner-in:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(251,247,230,.97) 0%,rgba(251,247,230,.86) 42%,rgba(251,247,230,0) 78%)}
.yx-banner-copy{position:relative;z-index:2;padding:30px clamp(20px,4vw,48px)}
.yx-banner-copy p{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-bell-deep)}
.yx-banner-copy h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(36px,5vw,56px);line-height:1;color:var(--gr-d);margin:8px 0}
.yx-banner-copy span{font-size:14px;color:var(--color-stone)}

/* shop layout */
.yx-shop{padding-top:22px;padding-bottom:30px}
.yx-colcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.yx-colcard{position:relative;height:150px;border-radius:14px;overflow:hidden;display:block}
.yx-colcard img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s var(--ease-lux)}
.yx-colcard:hover img{transform:scale(1.06)}
.yx-colcard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,74,46,.7),transparent 70%)}
.yx-colcard span{position:absolute;left:18px;bottom:14px;z-index:1;color:#fff}.yx-colcard em{display:block;font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.yx-colcard b{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:500}
.yx-chips{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}.yx-chips::-webkit-scrollbar{display:none}
.yx-chip{flex:0 0 auto;padding:9px 18px;border-radius:999px;background:#fffdf3;border:1px solid var(--ln);color:var(--gr-d);font-size:13px;font-weight:500;transition:.3s var(--ease-lux)}
.yx-chip:hover{border-color:var(--yl);transform:translateY(-2px)}
.yx-chip.is-on{background:var(--yl);border-color:var(--yl);color:#fff;box-shadow:0 8px 18px rgba(232,167,19,.35)}
.yx-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.yx-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;background:#fffdf3;border:1px solid var(--ln);border-radius:12px;padding:0 14px;height:46px;transition:.3s}
.yx-search:focus-within{border-color:var(--yl);box-shadow:0 0 0 3px rgba(232,167,19,.16)}
.yx-search svg{width:18px;height:18px;color:var(--color-stone);flex:0 0 auto}
.yx-search input{flex:1;border:0;background:transparent;outline:0;font-size:14px;min-width:0}
.yx-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-stone);background:#fffdf3;border:1px solid var(--ln);border-radius:12px;padding:0 12px;height:46px}
.yx-sort select{border:0;background:transparent;font-weight:600;color:var(--gr-d);outline:0;font-size:13px;cursor:pointer}
.yx-filter-btn{display:none;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:12px;background:var(--gr);color:#fff;font-size:13px;font-weight:600}
.yx-filter-btn svg{width:18px;height:18px}
.yx-layout{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.yx-filter{background:var(--panel);border:1px solid var(--ln);border-radius:14px;padding:20px 18px;position:sticky;top:96px}
.yx-filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.yx-filter-head h3{font-size:16px;font-weight:700;color:var(--gr-d)}.yx-filter-head button{display:none;font-size:26px;line-height:1;color:var(--gr-d)}
.yx-fgroup{padding:14px 0;border-top:1px solid var(--ln)}
.yx-fgroup h4{font-size:13px;font-weight:700;color:var(--gr-d);margin-bottom:10px}
.yx-check{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a4a3a;padding:5px 0;cursor:pointer}
.yx-check input{position:absolute;opacity:0;pointer-events:none}
.yx-check i{width:17px;height:17px;border-radius:5px;border:1.5px solid #c9c28d;background:#fff;display:grid;place-items:center;transition:.25s;flex:0 0 auto}
.yx-check input:checked+i{background:var(--yl);border-color:var(--yl)}
.yx-check input:checked+i:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.yx-check input:focus-visible+i{outline:2px solid var(--gr);outline-offset:2px}
.yx-swatches{display:flex;flex-wrap:wrap;gap:9px}
.yx-swatches button{width:26px;height:26px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px #d4cd9c;transition:.3s var(--ease-lux)}
.yx-swatches button:hover{transform:scale(1.15)}.yx-swatches button.is-on{box-shadow:0 0 0 2px var(--yl),0 4px 10px rgba(232,167,19,.45);transform:scale(1.12)}
#yx-price{width:100%;accent-color:var(--yl);height:20px}
.yx-price-row{display:flex;justify-content:space-between;font-size:12px;color:var(--color-stone);margin-top:4px}
.yx-filter .yx-btn-outline{width:100%;padding:11px;font-size:12px;margin-top:6px}
.yx-count{font-size:13px;color:var(--color-stone);margin-bottom:14px}
.yx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px}
.yx-page .yx-grid{grid-template-columns:repeat(4,1fr)}
.yx-empty{grid-column:1/-1;text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--color-stone)}
@media(max-width:1100px){.yx-grid,.yx-page .yx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
  .yx-layout{grid-template-columns:1fr}
  .yx-filter-btn{display:inline-flex}
  .yx-filter{position:fixed;z-index:1200;left:0;top:0;bottom:0;width:min(86vw,330px);border-radius:0 16px 16px 0;overflow:auto;transform:translateX(-105%);transition:transform .45s var(--ease-lux);background:#fffdf3;box-shadow:20px 0 60px rgba(0,0,0,.2)}
  .yx-filter.is-open{transform:none}.yx-filter-head button{display:block}
  .yx-colcards{grid-template-columns:1fr}
}
@media(max-width:520px){.yx-grid,.yx-page .yx-grid{gap:20px 12px}.yx-card-info{flex-direction:column;gap:4px}.yx-card-price{text-align:left}}

/* generic pages */
.yx-page{padding:34px 0 30px;min-height:60vh}
.yx-narrow{max-width:760px}
.yx-page-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.yx-page-head h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(34px,4.6vw,52px);color:var(--gr-d);line-height:1}
.yx-page-head span{font-size:13px;color:var(--color-stone)}
.yx-clear{margin-left:auto;font-size:13px;color:var(--color-stone);text-decoration:underline}.yx-clear:hover{color:var(--gr-d)}
.yx-hint{font-size:12px;color:var(--color-stone);margin:10px 0}
.yx-panel{background:var(--panel);border:1px solid var(--ln);border-radius:14px;padding:24px;box-shadow:0 10px 30px rgba(60,70,30,.06)}
.yx-panel h2{font-size:18px;font-weight:700;color:var(--gr-d);margin-bottom:6px}.yx-panel h2.mt{margin-top:26px}
.yx-account-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:22px}
@media(max-width:860px){.yx-account-grid{grid-template-columns:1fr}}
.yx-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 18px}
.yx-form input,.yx-form textarea{border:1px solid var(--ln);background:#fff;border-radius:10px;padding:12px 14px;font-size:14px;outline:0;width:100%;transition:.3s}
.yx-form textarea{grid-column:1/-1;min-height:90px;resize:vertical}.yx-form input:focus,.yx-form textarea:focus{border-color:var(--yl);box-shadow:0 0 0 3px rgba(232,167,19,.16)}
@media(max-width:520px){.yx-form{grid-template-columns:1fr}}
.yx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){.yx-tiles{grid-template-columns:repeat(2,1fr)}}
.yx-tile{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;background:var(--panel);border:1px solid var(--ln);transition:.4s var(--ease-lux);color:var(--gr-d)}
.yx-tile svg{width:26px;height:26px;margin-bottom:6px;color:var(--yl)}.yx-tile b{font-size:15px}.yx-tile small{font-size:12px;color:var(--color-stone)}
.yx-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(232,167,19,.2);border-color:var(--yl)}
.yx-list{list-style:none;padding:0;margin:8px 0 0}.yx-list li{padding:12px 0;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:2px}.yx-list li:first-child{border-top:0}.yx-list b{font-size:14px;color:var(--gr-d)}.yx-list small{font-size:12px;color:var(--color-stone)}
.yx-orders{display:grid;gap:12px}
.yx-order{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--ln);border-radius:14px;padding:16px 20px}
.yx-order b{display:block;color:var(--gr-d)}.yx-order small{font-size:12px;color:var(--color-stone)}.yx-order-amt{font-weight:700;color:var(--gr-d)}
.yx-status{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:#eceed0;color:#5c5a46}
.yx-status.st-delivered{background:#dcefd3;color:#2f6a2a}.yx-status.st-shipped{background:#dbe9f7;color:#2a5a8a}.yx-status.st-processing,.yx-status.st-confirmed{background:#fdeabf;color:#8a5f0a}.yx-status.st-pending,.yx-status.st-placed{background:#f6e8c9;color:#8a6a1a}.yx-status.st-cancelled{background:#f9dad5;color:#9a3a2e}
@media(max-width:640px){.yx-order{grid-template-columns:1fr auto;gap:10px}.yx-order .yx-status{justify-self:start}}

/* faq / accordion */
.yx-acc{background:var(--panel);border:1px solid var(--ln);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:box-shadow .3s}
.yx-acc[open]{box-shadow:0 10px 24px rgba(60,70,30,.08)}
.yx-acc summary{list-style:none;cursor:pointer;padding:15px 18px;font-weight:600;font-size:14px;color:var(--gr-d);display:flex;justify-content:space-between;align-items:center}
.yx-acc summary::-webkit-details-marker{display:none}
.yx-acc summary:after{content:"⌄";font-size:18px;transition:transform .3s;color:var(--color-stone)}.yx-acc[open] summary:after{transform:rotate(180deg)}
.yx-acc p,.yx-acc ul{padding:0 18px 16px;margin:0;font-size:13.5px;color:var(--color-stone);line-height:1.7}.yx-acc ul{padding-left:36px}
.yx-accs{margin-top:20px}.yx-accs .yx-acc{margin-bottom:8px}

/* product page additions */
.yx-price-row2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.yx-compare{font-size:16px;color:var(--color-mist)}
.yx-off{background:var(--yl);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px}
.yb-main-action.yx-green{background:var(--gr)!important;box-shadow:0 12px 26px rgba(35,74,46,.3)!important}
.yb-main-action.yx-green:hover{background:var(--gr-d)!important}
.yb-main-action.yx-green.is-added{background:linear-gradient(135deg,#7fae6e,var(--yl))!important}
.yb-product-actions{grid-template-columns:1fr 1fr!important}
@media(max-width:480px){.yb-product-actions{grid-template-columns:1fr!important}}
.yx-wish-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:12px;min-height:50px;border-radius:10px;border:1.5px solid var(--ln);background:#fffdf3;color:var(--gr-d);font-weight:600;font-size:14px;transition:.35s var(--ease-lux)}
.yx-wish-btn:hover{border-color:var(--yl);transform:translateY(-2px)}.yx-wish-btn.on{color:#d9473a;border-color:#e9a39b;background:#fff6f4}
.yx-wish-btn.pop{animation:yxPop .5s var(--ease-lux)}
.yb-main-action-light{background:#fffdf3!important;color:var(--gr-d)!important;border:1.5px solid var(--gr)!important}

/* cart */
.yx-cart{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
@media(max-width:900px){.yx-cart{grid-template-columns:1fr}}
.yx-items{display:grid;gap:14px}
.yx-item{display:grid;grid-template-columns:96px 1fr auto;gap:18px;padding:14px;background:var(--panel);border:1px solid var(--ln);border-radius:14px;align-items:center;animation:rise .5s var(--ease-lux) both}
.yx-item-img{display:block;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:#efe9c3}.yx-item-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.yx-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.yx-item-info>a{font-weight:600;color:var(--gr-d);font-size:15px}.yx-item-info small{font-size:12px;color:var(--color-stone)}.yx-item-info>b{font-size:14px;color:var(--gr-d);margin-top:2px}
.yx-qty{display:inline-flex;align-items:center;border:1px solid var(--ln);border-radius:10px;overflow:hidden;width:max-content;margin-top:8px;background:#fff}
.yx-qty button{width:34px;height:34px;font-size:18px;color:var(--gr-d);transition:.25s}.yx-qty button:hover{background:var(--yl);color:#fff}.yx-qty span{min-width:32px;text-align:center;font-weight:600;font-size:14px}
.yx-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;align-self:stretch;justify-content:space-between}
.yx-item-side b{color:var(--gr-d);font-size:16px}.yx-x{font-size:12px;color:var(--color-stone);text-decoration:underline}.yx-x:hover{color:#c0392b}
@media(max-width:560px){.yx-item{grid-template-columns:78px 1fr;gap:12px}.yx-item-side{grid-column:1/-1;flex-direction:row;align-items:center;border-top:1px solid var(--ln);padding-top:10px}}
.yx-summary{background:var(--panel);border:1px solid var(--ln);border-radius:14px;padding:22px;position:sticky;top:96px;box-shadow:0 10px 30px rgba(60,70,30,.07)}
.yx-coupon{display:flex;margin-bottom:16px;border:1px solid var(--ln);border-radius:10px;overflow:hidden;background:#fff}
.yx-coupon input{flex:1;min-width:0;border:0;padding:12px 14px;font-size:13px;outline:0;background:transparent;text-transform:uppercase}.yx-coupon input::placeholder{text-transform:none}
.yx-coupon button{background:var(--gr);color:#fff;padding:0 20px;font-weight:600;font-size:13px;transition:.3s}.yx-coupon button:hover{background:var(--gr-d)}
.yx-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4a4a3a}.yx-disc{color:var(--gr)}
.yx-total{border-top:1px solid var(--ln);margin:8px 0 18px;padding-top:14px;font-size:18px;font-weight:700;color:var(--gr-d)}
.yx-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;justify-content:center}
.yx-pay span{font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px;background:#fff;border:1px solid var(--ln)}.yx-pay .bk{color:#d81b60}.yx-pay .ng{color:#f58220}.yx-pay .cd{color:var(--gr)}

/* footer extras */
.yx-foot-phone{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--gr-d)}.yx-foot-phone svg{width:15px;height:15px}
.yx-foot-line{position:relative;z-index:1;text-align:center;font-family:"Great Vibes",cursive;font-size:24px;color:var(--gr);margin-top:22px}

/* nav extras */
.nav-link.is-current:after{transform:scaleX(1)}
.yb-icon-link.is-current{color:var(--yl)!important}
.yb-icon-link{position:relative}
.yx-wcount[hidden]{display:none!important}

/* mobile bottom nav */
.yx-bottomnav{display:none}
@media(max-width:767px){
  .yx-bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(255,253,243,.97);border-top:1px solid var(--ln);box-shadow:0 -8px 24px rgba(60,70,30,.1);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .yx-bottomnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#6f6b5a;padding:6px 0;border-radius:10px;transition:.3s}
  .yx-bottomnav a svg{width:21px;height:21px}
  .yx-bottomnav a.is-current{color:var(--gr-d)}.yx-bottomnav a.is-current svg{color:var(--yl);transform:translateY(-2px) scale(1.1)}
  .yx-bottomnav b{position:absolute;top:1px;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:999px;background:var(--yl);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
  .yx-bottomnav b[hidden]{display:none}
  body{padding-bottom:70px}
  .yb-wave-footer{padding-bottom:140px!important}
  .toast{top:76px}
  .yb-actions{display:none!important}
}

/* ============ LOGO-ONLY LOADING ANIMATION ============ */
.ybi-rail,.ybi-d{display:none!important}
.ybi-stage{gap:0}
.ybi-logo-wrap{margin-top:0;animation:ybiLogo .8s var(--ease-lux) .1s forwards}
.ybi-logo-wrap:before{width:190%;background:radial-gradient(circle,rgba(244,197,69,.45),rgba(244,197,69,.12) 45%,transparent 66%);animation:ybiGlow 1.8s ease-in-out infinite alternate}
.ybi-logo{width:min(230px,56vw);transform-origin:50% 6%;animation:ybiBell 2.2s ease-in-out .9s infinite;filter:drop-shadow(0 12px 22px rgba(120,90,10,.22))}
@keyframes ybiBell{0%,100%{transform:rotate(0)}12%{transform:rotate(7deg)}26%{transform:rotate(-6deg)}40%{transform:rotate(4deg)}54%{transform:rotate(-2.5deg)}68%{transform:rotate(0)}}
.ybi-ring{position:absolute;left:50%;top:50%;width:min(230px,56vw);aspect-ratio:1;margin:calc(min(230px,56vw)/-2) 0 0 calc(min(230px,56vw)/-2);border-radius:50%;border:2px solid rgba(232,167,19,.5);opacity:0;animation:ybiRing 2.2s ease-out infinite}
.ybi-ring.r2{animation-delay:.7s}.ybi-ring.r3{animation-delay:1.4s}
@keyframes ybiRing{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.ybi-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;-webkit-mask:url(/brand-logo.webp) center/contain no-repeat;mask:url(/brand-logo.webp) center/contain no-repeat}
.ybi-shine:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);animation:ybiShine 2.2s ease-in-out .8s infinite}
@keyframes ybiShine{0%{left:-60%}55%,100%{left:130%}}
.ybi-bar{margin-top:30px}
.ybi-sprig{opacity:.8}

/* product layout: image top-aligned + sticky (matches reference) */
.yb-product-hero{align-items:start!important}
@media(min-width:901px){.yb-product-visual{position:sticky;top:96px;align-self:start}}