*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#090909;color:#f7f3e9;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{position:fixed;z-index:50;top:0;width:100%;height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#050505f2;border-bottom:1px solid #4a3515}.logo{font-family:Georgia;font-size:29px;font-weight:bold;color:#e8b928}.logo small{display:block;color:#fff;font:7px Arial;letter-spacing:2px}nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:bold}nav a:hover{color:#e8b928}.call{border:1px solid #b88a24;padding:10px 17px;border-radius:22px}#mobileMenu{display:none;background:none;border:0;color:#fff;font-size:25px}.cart-nav{background:#e8b928;color:#080808;border:0;border-radius:20px;padding:9px 14px;font-weight:bold}.cart-nav span{background:#080808;color:#fff;border-radius:50%;padding:2px 6px;margin-left:4px}.hero{height:740px;position:relative;background:#111 url("assets/grand-opening.png") center/cover no-repeat;display:flex;align-items:flex-end;padding:0 6% 75px}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0007 55%,#0003),linear-gradient(0deg,#000c,transparent)}.hero-copy{position:relative;max-width:680px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:bold;color:#e8b928}h1,h2{font:700 62px/.98 Georgia;margin:15px 0}.hero h1 em{color:#e8b928}.hero-copy p,.section p{line-height:1.75}.btn{display:inline-block;background:#e8b928;color:#090909;border:0;border-radius:5px;padding:14px 23px;font-weight:bold;margin:15px 7px 15px 0;cursor:pointer}.outline{background:transparent;color:#fff;border:1px solid #777}.opening{font-size:11px}.opening b,.gold,.phone{color:#e8b928}.highlights{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0b0b}.highlights div{text-align:center;padding:27px;border-right:1px solid #292929;font-size:25px}.highlights b{display:block;font-size:11px;margin-top:9px}.section{padding:95px 7%;scroll-margin-top:72px}.dark{background:#111}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section p{color:#bbb}.food-collage{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:420px}.food-collage img{width:100%;height:206px;object-fit:cover;border-radius:10px}.order-section{background:#f4f1ea;color:#111}.center{text-align:center;max-width:760px;margin:0 auto 40px}.center h2{margin:9px}.order-section p{color:#666}.fulfillment{display:flex;justify-content:center;gap:12px;margin:0 auto 32px}.fulfill{width:230px;background:#fff;border:2px solid transparent;border-radius:10px;padding:17px;display:grid;grid-template-columns:35px 1fr;text-align:left;cursor:pointer;box-shadow:0 5px 20px #0001}.fulfill span{grid-row:1/3;font-size:23px}.fulfill small{color:#777}.fulfill.active{border-color:#e8b928;background:#fffaf0}.order-layout{
    width:calc(100% - 40px);
    max-width:1500px;
    margin:0 auto 40px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:28px;
    align-items:start;
}
.menu-shell,.cart-box{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0001}.category-bar{display:flex;gap:9px;padding:18px;border-bottom:1px solid #eee;overflow:auto;position:sticky;top:72px;background:#fff;z-index:5;border-radius:12px 12px 0 0}.category-bar button{border:0;border-radius:18px;padding:9px 15px;background:#eee;white-space:nowrap;cursor:pointer}.category-bar .active{background:#111;color:#fff}.menu-note{margin:18px;background:#fff8df;border-left:4px solid #e8b928;padding:14px;font-size:12px;line-height:1.55;color:#675b38}.menu-grid{padding:5px 18px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-card{border:1px solid #ece7dd;border-radius:10px;padding:16px;display:flex;flex-direction:column;min-height:170px}.menu-card .tag{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#a67b00;font-weight:bold}.menu-card h3{font:700 18px Georgia;margin:8px 0 4px}.menu-card .sub{font-size:12px;color:#777;min-height:32px;margin:0}.menu-card .availability{font-size:10px;color:#a33;font-weight:bold;margin-top:7px}.menu-card .bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:end}.prices{font-weight:bold;font-size:14px}.prices span{display:block}.price-pending{color:#a66;font-size:12px}.add-btn{background:#111;color:#fff;border:0;border-radius:5px;padding:9px 12px;cursor:pointer;font-size:12px;font-weight:bold}.add-btn:hover{background:#e8b928;color:#111}.cart-box{padding:24px;position:sticky;top:92px}.cart-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.cart-title h3{font:700 24px Georgia}.cart-title span,.pill{background:#fff4cf;color:#765a00;border-radius:15px;padding:6px 10px;font-size:11px;font-weight:bold}.empty-cart{padding:38px 10px;text-align:center;font-size:30px;display:flex;flex-direction:column;gap:9px}.empty-cart b{font-size:15px}.empty-cart small{font-size:11px;color:#888}.cart-item{padding:12px 0;border-bottom:1px solid #eee;font-size:12px}.cart-item-top{display:flex;justify-content:space-between;gap:8px}.cart-item small{color:#777}.cart-controls{display:flex;gap:8px;align-items:center;margin-top:7px}.cart-controls button{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.remove{margin-left:auto!important;width:auto!important;color:#a33;border:0!important}.totals{border-top:1px solid #eee}.totals p{display:flex;justify-content:space-between;font-size:12px;color:#555}.totals .total{font-size:17px;color:#111;border-top:1px solid #eee;padding-top:14px}.checkout{width:100%;padding:14px;border:0;border-radius:5px;background:#ddd;color:#888;font-weight:bold}.secure{display:block;text-align:center;color:#888;margin-top:10px;font-size:10px}.marketplaces{max-width:1280px;margin:24px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.marketplaces article{background:#fff;border-radius:10px;padding:25px;text-align:center}.marketplaces button{padding:10px 18px;border:0;border-radius:4px}.dd{color:#e52b20;font-size:22px}.ue{font-size:22px}.ue i{color:#06a94d}form{background:#f5f2ec;color:#111;padding:30px;border-radius:10px}label{font-size:11px;font-weight:bold;display:block;margin-bottom:15px}input,textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d2cec6;border-radius:4px;font:inherit}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}#formStatus{display:block;color:#777}.phone{font-size:25px;font-weight:bold}.email-line{word-break:break-word}.visit{background:#0b0b0b}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:auto}.visit-grid article{background:#141414;border:1px solid #292929;border-radius:8px;text-align:center;padding:35px;font-size:30px}.visit-grid h3{font-size:16px}.visit-grid p{font-size:13px;word-break:break-word}.visit-grid a{font-size:12px;color:#e8b928;font-weight:bold}footer{padding:40px 7%;display:grid;grid-template-columns:1.2fr 1.2fr 1.4fr .8fr;gap:25px;align-items:center;border-top:1px solid #4a3515;color:#bbb;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #222;padding-top:20px}.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:70;opacity:0;pointer-events:none;transition:.25s}.cart-drawer{position:fixed;z-index:80;right:-430px;top:0;height:100vh;width:min(410px,92vw);background:#fff;color:#111;padding:35px;transition:.3s;box-shadow:-10px 0 40px #0005;overflow:auto}.cart-drawer.open{right:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.close-cart{position:absolute;right:22px;top:18px;border:0;background:none;font-size:30px}.drawer-empty{text-align:center;padding:60px 10px;color:#777}.drawer-total{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:20px 0;font-size:18px}
@media(max-width:900px){.site-header{height:64px}#mobileMenu{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#080808;padding:22px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{height:680px;padding:0 7% 55px}h1,h2{font-size:44px}.highlights{grid-template-columns:1fr 1fr}.two,.order-layout,.marketplaces,.visit-grid{grid-template-columns:1fr}.section{padding:65px 7%;scroll-margin-top:64px}.fields{grid-template-columns:1fr}.cart-box{position:static}.fulfillment{flex-direction:column}.fulfill{width:100%}.food-collage{height:auto}.category-bar{top:64px}.menu-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}}

/* ===== V5 PREMIUM VISUAL DIRECTION ===== */
.hero-v5{height:760px;min-height:680px;position:relative;overflow:hidden;background:#050505;padding-top:72px;border-bottom:1px solid #5a4216}
.hero-gallery{position:absolute;inset:72px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#050505;overflow:hidden}
.hero-shot{position:relative;margin:0;overflow:hidden;background:#111;transform:skewX(-7deg);border-left:3px solid #d9a91b;border-right:1px solid #5f4610;box-shadow:0 0 28px #0008}
.hero-shot:first-child{margin-left:-80px}.hero-shot:last-child{margin-right:-80px}
.hero-shot img{width:125%;height:100%;object-fit:cover;object-position:center;transform:skewX(7deg) scale(1.04);margin-left:-12%;filter:saturate(1.08) contrast(1.03);transition:transform .7s ease,filter .7s ease}
.hero-shot:hover img{transform:skewX(7deg) scale(1.085);filter:saturate(1.16) contrast(1.05)}
.shot-1 img{object-position:50% 50%}.shot-2 img{object-position:50% 48%}.shot-3 img{object-position:50% 50%}.shot-4 img{object-position:50% 50%}
.hero-vignette{position:absolute;inset:72px 0 0;background:linear-gradient(180deg,#0000 28%,#0003 55%,#000e 91%,#000 100%),linear-gradient(90deg,#0004 0,#0000 18%,#0000 82%,#0004 100%);pointer-events:none}
.hero-v5-copy{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);width:min(900px,90%);text-align:center;text-shadow:0 3px 20px #000}
.hero-v5-copy .eyebrow{font-size:12px;letter-spacing:6px;color:#f2c514}
.hero-v5-copy h1{font-size:72px;line-height:.92;margin:13px 0 10px;color:#fff}.hero-v5-copy h1 em{display:block;font-size:.78em;color:#f2c514;font-weight:400}
.hero-tagline{font-size:13px!important;letter-spacing:5px;font-weight:bold;color:#fff!important;margin:20px 0!important}.hero-tagline span{color:#e8b928;margin:0 10px}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.hero-actions .btn{min-width:205px;border-radius:28px;padding:15px 25px;margin:0;letter-spacing:.5px}
.hero-primary{background:#efc000}.hero-secondary{background:#090909d9;color:#fff;border:1px solid #d3a718}
.highlights{border-bottom:1px solid #2b210d}.highlights div{background:linear-gradient(180deg,#0d0d0d,#080808)}
.about-feature{height:470px;position:relative;padding:22px}.about-frame{height:100%;overflow:hidden;border:1px solid #6e5319;border-radius:4px;box-shadow:0 24px 60px #0008;position:relative}.about-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0008;pointer-events:none}.about-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.about-badge{position:absolute;right:0;bottom:0;background:#090909;border:1px solid #8f6b1e;padding:22px 34px;text-align:center;box-shadow:0 12px 30px #0008}.about-badge b{display:block;font:700 38px Georgia;color:#e8b928}.about-badge span{font-size:8px;letter-spacing:3px}
@media(max-width:900px){.hero-v5{height:760px;padding-top:64px}.hero-gallery{inset:64px 0 0;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.hero-shot{transform:none;border:1px solid #6c5015}.hero-shot:first-child,.hero-shot:last-child{margin:0}.hero-shot img{width:100%;height:100%;margin:0;transform:scale(1.01);object-fit:cover}.hero-shot:hover img{transform:scale(1.04)}.hero-vignette{inset:64px 0 0;background:linear-gradient(180deg,#0002 20%,#0007 60%,#000f 94%)}.hero-v5-copy{bottom:35px}.hero-v5-copy h1{font-size:47px}.hero-v5-copy h1 em{font-size:.72em}.hero-tagline{font-size:10px!important;letter-spacing:2px}.hero-actions .btn{min-width:160px;padding:13px 18px}.about-feature{height:360px;padding:0}.about-badge{padding:15px 22px}.about-badge b{font-size:30px}}
@media(max-width:560px){.hero-v5{height:720px}.hero-v5-copy h1{font-size:39px}.hero-v5-copy .eyebrow{font-size:9px;letter-spacing:3px}.hero-actions{gap:8px}.hero-actions .btn{font-size:11px;min-width:145px}.hero-tagline{line-height:1.7}.highlights div{font-size:20px;padding:20px 10px}}

/* V6 product option modal */
.item-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:1200;opacity:0;pointer-events:none;transition:.2s}.item-modal-backdrop.open{opacity:1;pointer-events:auto}.item-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(92vw,520px);background:#fff;color:#111;border-radius:18px;padding:30px;z-index:1201;box-shadow:0 30px 90px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.2s}.item-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.item-modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.modal-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b38a00}.item-modal h2{font-family:Georgia,serif;font-size:30px;margin:8px 35px 4px 0}.item-modal p{color:#666;margin:0 0 20px}.option-choices{display:grid;gap:10px;margin-bottom:20px}.option-choice{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 16px;border:1px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;font-size:15px}.option-choice.active{border:2px solid #e9bd00;background:#fff9dc}.confirm-add{width:100%;padding:15px;border:0;border-radius:9px;background:#efc300;color:#080808;font-weight:800;cursor:pointer}.confirm-add:hover{filter:brightness(.96)}@media(max-width:640px){.item-modal{padding:24px 18px;border-radius:16px}.item-modal h2{font-size:26px}.option-choice{min-height:52px}.confirm-add{min-height:52px}}


/* ---------- V7 CHECKOUT ---------- */
.checkout:not(:disabled){background:#f3c900;color:#0b0b0b;cursor:pointer}
.checkout:not(:disabled):hover{transform:translateY(-1px);filter:brightness(.97)}
.checkout-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:300;opacity:0;visibility:hidden;transition:.2s}
.checkout-backdrop.open{opacity:1;visibility:visible}
.checkout-modal{position:fixed;z-index:310;left:50%;top:50%;transform:translate(-50%,-46%);width:min(1080px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.38);opacity:0;visibility:hidden;transition:.22s}
.checkout-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.checkout-close{position:absolute;right:24px;top:18px;border:0;background:none;font-size:36px;cursor:pointer}
.checkout-head{padding-right:55px}.checkout-head h2{font-size:42px;margin:4px 0 8px}.checkout-head p{color:#666;max-width:760px}
.checkout-steps{display:flex;gap:10px;margin:22px 0 28px}.checkout-steps span{background:#f2f2f2;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.checkout-steps .active{background:#fff4bf;color:#6e5700;border:1px solid #e7c000}
.checkout-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:28px}
.checkout-fields,.checkout-review{border:1px solid #eee7dc;border-radius:20px;padding:24px}.checkout-fields h3,.checkout-review h3{font-size:22px;margin:0 0 18px}
.checkout-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-bottom:16px}
.checkout-fields input,.checkout-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}
.checkout-fields input:focus,.checkout-fields textarea:focus{outline:2px solid #e7c000;border-color:#e7c000}
.checkout-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.checkout-mode label{margin:0}.checkout-mode input{position:absolute;opacity:0}.checkout-mode span{display:block;border:1px solid #ddd;border-radius:12px;padding:14px;cursor:pointer}.checkout-mode input:checked+span{border:2px solid #e7c000;background:#fff9dc}.checkout-mode small{display:block;color:#777;margin-top:5px;font-weight:400}
.delivery-fields{background:#faf8f3;border-radius:14px;padding:16px;margin-bottom:16px}.checkout-note{display:block;color:#777;line-height:1.4}
.checkout-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #eee}.checkout-line small{display:block;color:#777;margin-top:4px}.checkout-line strong{white-space:nowrap}
.checkout-totals{padding-top:12px}.checkout-totals p{display:flex;justify-content:space-between;gap:16px}.checkout-totals .grand{border-top:1px solid #ddd;padding-top:14px;font-size:18px}
.agree{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:400!important;font-size:12px!important;margin:18px 0!important}.agree input{width:auto!important;margin-top:2px}
.place-test-order{width:100%;border:0;border-radius:10px;background:#f3c900;padding:15px;font-weight:900;font-size:16px;cursor:pointer}
.modal-lock{overflow:hidden}
.order-confirmation{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.2s}.order-confirmation.open{opacity:1;visibility:visible}.order-confirmation>div{background:#fff;border-radius:24px;padding:38px;text-align:center;width:min(440px,88vw)}.confirm-icon{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:50%;background:#f3c900;font-size:30px;font-weight:900}.order-confirmation h2{font-size:30px;margin:16px 0 8px}.order-confirmation p{color:#666}.order-confirmation button{border:0;border-radius:10px;background:#111;color:#fff;padding:12px 28px;font-weight:800;cursor:pointer}
@media(max-width:780px){
 .checkout-modal{width:100%;height:100%;max-height:none;border-radius:0;padding:22px 18px;box-sizing:border-box}
 .checkout-head h2{font-size:34px}.checkout-grid{grid-template-columns:1fr}.checkout-steps{overflow:auto;white-space:nowrap}
 .checkout-mode,.checkout-fields .fields{grid-template-columns:1fr}.checkout-review{margin-bottom:25px}
}


/* V7.1 — Checkout horizontal overflow fix */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.checkout-modal,
.checkout-modal * {
  box-sizing: border-box;
}

.checkout-modal {
  width: min(1320px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  overflow-x: hidden !important;
}

.checkout-modal__body,
.checkout-grid,
.checkout-customer,
.checkout-review {
  min-width: 0 !important;
  max-width: 100% !important;
}

.checkout-grid {
  width: 100% !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr) !important;
}

.checkout-modal input,
.checkout-modal textarea,
.checkout-modal select,
.checkout-modal button {
  max-width: 100%;
}

@media (max-width: 900px) {
  .checkout-modal {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .checkout-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .checkout-modal__body {
    overflow-x: hidden !important;
  }
}

@media (max-width: 560px) {
  .checkout-modal {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
  }

  .checkout-customer,
  .checkout-review {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* V9 — Checkout heading visibility */
.checkout-head h2,
#checkoutTitle{
  color:#c99a00;
  opacity:1;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}

/* ===== V11.1 — ORDER CONFIRMATION VISIBILITY ===== */
.order-confirmation { color:#171717 !important; }
.order-confirmation > div { background:#fff !important; }

.order-confirmation h2 {
  color:#171717 !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-size:42px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  margin:16px 0 14px !important;
}

.order-confirmation p {
  color:#3f3f3f !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

.order-confirmation p strong,
.order-confirmation strong {
  color:#a77d00 !important;
  opacity:1 !important;
  font-weight:900 !important;
}

.order-confirmation .confirm-icon {
  color:#111 !important;
  opacity:1 !important;
}

@media (max-width:560px) {
  .order-confirmation h2 { font-size:34px !important; }
  .order-confirmation p { font-size:15px !important; }
}

@media (max-width:560px) {
  .order-confirmation h2 { font-size:34px !important; }
  .order-confirmation p { font-size:15px !important; }
}

/* ===== MOBILE ORDER MENU FIX ===== */
@media (max-width: 560px) {

  .order-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ...resto del código que te di... */
}@media (max-width:560px) {
  .order-confirmation h2 { font-size:34px !important; }
  .order-confirmation p { font-size:15px !important; }
}

/* ===== MOBILE ORDER MENU FIX ===== */
@media (max-width: 560px) {

  .order-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ...resto del código que te di... */
}

/* B&B restaurant front photo size */
.about-feature{
  height:340px !important;
  max-width:680px;
  width:100%;
  margin-left:auto;
}

.about-frame{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media (max-width:900px){
  .about-feature{
    height:300px !important;
    max-width:100%;
    margin:0 auto;
  }
}

@media (max-width:560px){
  .about-feature{
    height:160px !important;
    width:92% !important;
    max-width:420px !important;
    margin:20px auto 0 !important;
  }

  .about-frame{
    object-fit:cover !important;
    object-position:center center !important;
  }
}
}
/* ===== DESKTOP ORDER SUMMARY WIDTH ===== */
@media (min-width: 901px) {
    .order-layout {
        width: min(1280px, calc(100vw - 48px)) !important;
        max-width: 1280px !important;
        grid-template-columns: minmax(0, 1fr) 360px !important;
        gap: 24px !important;
        position: static !important;
        left: auto !important;
        transform: none !important;
    }

    .cart-box {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* ===== ORDER CART ITEM LAYOUT FIX ===== */
.cart-item-top{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:start !important;
}

.cart-item-top > div:first-child{
    min-width:0 !important;
}

.cart-item-top strong,
.cart-item-top b{
    display:block;
    line-height:1.25 !important;
}

.cart-controls{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:10px !important;
}

.cart-item{
    padding:14px 0 !important;
}

/* Hide B&B badge on mobile */
@media (max-width:560px){
  .about-badge{
    display:none !important;
  }
}