/* Around the Oven — integrated site version */
:root{
  --bg: #f4efe9;
  --panel: #fbf7f2;
  --line: #ddd2c6;
  --text: #4b3327;
  --muted: #70574a;
  --brown: #6a4a38;
  --gold: #e5c98b;
  --shadow: 0 8px 30px rgba(60,36,24,0.08);
  --radius: 0;
  --container: 100%;
  --content: min(100%, 760px);
  --side: 20px;
}

.around-oven-page,
.around-oven-page *{box-sizing:border-box}

.around-oven-page{
  min-height:100vh;
  background:var(--panel);
  color:var(--text);
  font-family: Georgia, "Times New Roman", serif;
}

.around-oven-page img{display:block; width:100%; height:auto}

.around-oven-page .page{
  width:var(--container);
  max-width:var(--content);
  margin:0 auto;
}

.around-oven-page .section{
  padding:28px var(--side) 34px;
}

.around-oven-page .section + .section{
  border-top:1px solid var(--line);
}

.around-oven-page .section-intro{
  padding-top:18px;
  background:var(--panel);
}

.around-oven-page .section-traditions{
  background:#f6f1eb;
}

.around-oven-page .section-quality{
  background:var(--panel);
  padding-top:34px;
}

.around-oven-page .section-cta{
  background:var(--gold);
  text-align:center;
  padding-top:28px;
  padding-bottom:34px;
}

.around-oven-page .section-label{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:14px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size:.78rem;
  color:var(--muted);
}

.around-oven-page .section-label::before,
.around-oven-page .section-label::after{
  content:"";
  height:1px;
  flex:1;
  background:var(--line);
}

.around-oven-page .hero-title,
.around-oven-page h2{
  margin:0 0 18px;
  font-weight:500;
  letter-spacing:-0.02em;
  line-height:1.08;
}

.around-oven-page .hero-title{
  font-size:clamp(2rem, 7.4vw, 3.1rem);
  text-align:center;
  margin-bottom:20px;
}

.around-oven-page h2{
  font-size:clamp(1.55rem, 6.6vw, 2.35rem);
  max-width:12ch;
}

.around-oven-page .prose{
  font-size:clamp(1rem, 4.6vw, 1.22rem);
  line-height:1.55;
  color:var(--text);
}

.around-oven-page .prose p{margin:0 0 12px}

.around-oven-page .prose-intro{text-align:center}

.around-oven-page .prose-intro p{
  margin-left:auto;
  margin-right:auto;
  max-width:30ch;
}

.around-oven-page .intro-emphasis,
.around-oven-page .quality-emphasis{
  font-style:italic;
  font-size:1.07em;
}

.around-oven-page .image-block{
  margin:22px 0 24px;
}

.around-oven-page .image-block img{
  border-radius:0;
  box-shadow:none;
  background:#eee;
  object-fit:cover;
}

.around-oven-page .image-block-hero img{aspect-ratio:1.33 / 1}
.around-oven-page .image-block-traditions img{aspect-ratio:1.3 / 1}
.around-oven-page .image-block-quality img{
  aspect-ratio:1.18 / 1;
  object-position:center 58%;
}

.around-oven-page .quote-wrap{margin-bottom:20px}

.around-oven-page .quote{
  margin:0;
  font-size:clamp(1.45rem, 5.8vw, 2rem);
  line-height:1.18;
  letter-spacing:-0.02em;
}

.around-oven-page .quote-sub{
  margin-top:6px;
  font-style:italic;
}

.around-oven-page .cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 28px;
  background:var(--brown);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-family: Arial, Helvetica, sans-serif;
  font-size:.9rem;
  border-radius:12px;
}

@media (min-width: 640px){
  :root{ --side: 28px; }

  .around-oven-page .section{
    padding-top:34px;
    padding-bottom:40px;
  }

  .around-oven-page .section-quality{
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap:28px;
    align-items:start;
  }

  .around-oven-page .section-quality h2,
  .around-oven-page .section-quality .prose{
    grid-column:2;
  }

  .around-oven-page .section-quality .image-block{
    grid-column:1;
    grid-row:1 / span 2;
    margin-top:8px;
    margin-bottom:0;
  }
}


/* =========================================================
   AROUND THE OVEN — CART DRAWER
   ========================================================= */

.df-cart-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.35);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  z-index:10000;
}

.df-cart-drawer{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  max-width:480px;
  height:100%;
  background:#f7f3ee;
  box-shadow:0 0 40px rgba(0,0,0,0.16);
  transform:translateX(-100%);
  transition:transform .25s ease;
  z-index:10001;
  display:flex;
  flex-direction:column;
}

.df-cart-drawer-header{
  padding:18px 20px;
  border-bottom:1px solid rgba(0,0,0,0.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:"Cormorant Garamond", Georgia, serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:14px;
  color:#3a2e26;
}

.df-cart-drawer-close{
  background:none;
  border:0;
  font-size:20px;
  cursor:pointer;
}

.df-cart-drawer-body{
  padding:26px 22px;
  flex:1;
  overflow-y:auto;
  font-family:Georgia, "Times New Roman", serif;
  color:#3a2e26;
}

.df-cart-empty{
  text-align:center;
  margin-top:40px;
}
.df-cart-empty-title{
  font-size:18px;
  margin-bottom:40px;
}
.df-cart-empty-circle{
  width:90px;
  height:90px;
  border-radius:999px;
  margin:0 auto 18px;
  background:#f0e7dc;
  display:flex;
  align-items:center;
  justify-content:center;
}
.df-cart-empty-circle svg{
  width:26px;
  height:26px;
  opacity:.5;
}
.df-cart-empty-cta{
  font-family:"Inter", Arial, sans-serif;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#3a2e26;
}

.df-cart-items{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.df-cart-item{
  padding:16px 0;
  border-bottom:1px solid rgba(0,0,0,0.06);
}
.df-cart-item-main{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:8px;
}
.df-cart-item-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.df-cart-item-title{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:16px;
  color:#2d231a;
}
.df-cart-item-price{
  font-family:"Inter", Arial, sans-serif;
  font-size:14px;
  color:rgba(45,35,26,0.82);
}
.df-cart-item-remove{
  background:none;
  border:0;
  cursor:pointer;
  padding:4px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.df-trash-icon{
  width:18px;
  height:18px;
  display:block;
  flex-shrink:0;
}
.df-cart-item-controls{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:"Inter", Arial, sans-serif;
  font-size:14px;
}
.df-cart-qty-box{
  display:inline-flex;
  align-items:center;
  border-radius:6px;
  border:1px solid rgba(148,122,92,0.45);
  background:#f7f4ee;
  overflow:hidden;
}
.df-cart-qty-btn{
  width:32px;
  height:32px;
  border:0;
  background:transparent;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  color:#2d231a;
}
.df-cart-qty{
  min-width:32px;
  text-align:center;
  font-weight:600;
}
.df-cart-item-line{
  margin-left:auto;
  font-weight:600;
  color:#2d231a;
}

.df-cart-drawer-footer{
  padding:14px 18px 18px;
  border-top:1px solid rgba(0,0,0,0.06);
}
.df-cart-summary-line{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  font-family:"Inter", Arial, sans-serif;
  font-size:14px;
}
.df-cart-checkout-btn{
  width:100%;
  border-radius:999px;
  border:0;
  padding:12px 18px;
  background:#9b7348;
  color:#fff;
  font-family:"Inter", Arial, sans-serif;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}

body.df-cart-open .df-cart-overlay{
  opacity:1;
  pointer-events:auto;
}
body.df-cart-open .df-cart-drawer{
  transform:translateX(0);
}
body.df-cart-open{
  overflow:hidden;
}

@media (max-width: 900px){
  header .nav{
    position:relative !important;
  }

  header .df-cart-trigger{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    border-radius:999px;
    border:1px solid rgba(184,146,69,0.35);
    background:rgba(248,244,238,0.92);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    cursor:pointer;
    z-index:20;
  }
  header .df-cart-trigger svg{
    width:20px;
    height:20px;
  }
}

@media (min-width: 901px){
  header .nav{
    position:relative;
  }

  header .df-cart-trigger{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:38px;
    height:38px;
    padding:0;
    margin-left:10px;
    border:1px solid rgba(184,146,69,0.35);
    border-radius:999px;
    background:rgba(248,244,238,0.92);
    cursor:pointer;
  }

  header .df-cart-trigger svg{
    width:20px;
    height:20px;
    display:block;
  }

  .df-cart-drawer{
    left:auto;
    right:0;
    transform:translateX(100%);
    max-width:420px;
  }

  body.df-cart-open .df-cart-drawer{
    transform:translateX(0);
  }
}


/* =========================================================
   AROUND THE OVEN CART CLOSE — MATCH GLOBAL MENU CLOSE
   ========================================================= */
.df-cart-drawer-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(184,146,69,0.35) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.42) !important;
  color:#b89245 !important;
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.df-cart-drawer-close:hover{
  background:rgba(255,255,255,0.62) !important;
}

.df-cart-drawer-close:active{
  transform:scale(0.96) !important;
}