/* Extracted from templates/portal/product.html on 2026-08-05.
 * Rules from the `scripts` block — rendered after base.html:606.
 * Two files, not one: base.html renders a <style> of its own BETWEEN the `content` and
 * `scripts` blocks (base.html:606, with {% block scripts %} at 651). Merging these
 * would move the tail rules ahead of it and silently change which declarations win.
 */
/* ─── Features Cards ─── */
.pd-features-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.pd-feat-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;transition:box-shadow .2s}
.pd-feat-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.pd-feat-card-icon{font-size:24px;flex-shrink:0;line-height:1}
.pd-feat-card-text{display:flex;flex-direction:column;gap:2px}
.pd-feat-card-text strong{font-size:13px;color:#1a1a2e}
.pd-feat-card-text span{font-size:12px;color:#666;line-height:1.3}

/* ─── Compare Button ─── */
.pd-compare-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:1.5px solid #d1d5db;border-radius:8px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}
.pd-compare-btn:hover{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb);background:#f0f4ff}
.pd-compare-btn.active{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb);background:#eff6ff}

/* ─── Delivery Block ─── */
.pd-delivery-block{margin:20px 0;padding:12px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}
.pd-delivery-row{display:flex;gap:6px;justify-content:space-between}
.pd-delivery-item{display:flex;align-items:center;gap:6px;flex:1;padding:6px 8px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}
.pd-delivery-icon{font-size:16px;flex-shrink:0}
.pd-delivery-item div{display:flex;flex-direction:column}
.pd-delivery-item strong{font-size:12px;color:#333}
.pd-delivery-item span{font-size:11px;color:#888}
.pd-delivery-free{margin-top:8px;padding:6px 10px;background:#dcfce7;border-radius:8px;font-size:12px;color:#166534;font-weight:600;text-align:center}

/* ─── Share Buttons ─── */
.pd-share-block{display:flex;align-items:center;gap:8px;margin:16px 0;flex-wrap:wrap}
.pd-share-label{font-size:13px;color:#888}
.pd-share-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;color:#666;text-decoration:none}
.pd-share-btn:hover{transform:scale(1.1)}
.pd-share-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.pd-share-tg:hover{background:#0088cc;color:#fff;border-color:#0088cc}
.pd-share-viber:hover{background:#7360f2;color:#fff;border-color:#7360f2}
.pd-share-copy:hover{background:#333;color:#fff;border-color:#333}

/* ─── Brand Link ─── */
.pd-brand-link{color:var(--accent,#2563eb);text-decoration:none;font-weight:500}
.pd-brand-link:hover{text-decoration:underline}

/* ─── Bought Together ─── */
/* bought together - inline styles */

/* ─── Forum Section ─── */
.pd-forum-section{padding:40px 0}
.pd-forum-list{display:flex;flex-direction:column;gap:12px}
.pd-forum-item{display:block;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}
.pd-forum-item:hover{border-color:var(--accent,#2563eb);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pd-forum-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:6px}
.pd-forum-meta{display:flex;gap:16px;font-size:12px;color:#888}

/* ─── Q&A Section ─── */
.pd-qa-section{padding:0 0 40px 0;background:#fafbfc}
.pd-qa-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.pd-qa-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.pd-qa-question{display:flex;gap:12px;padding:16px}
.pd-qa-answer{display:flex;gap:12px;padding:12px 16px;background:#f0f9ff;border-top:1px solid #e5e7eb}
.pd-qa-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent,#2563eb);color:#fff;font-weight:700;font-size:13px;flex-shrink:0}
.pd-qa-badge-a{background:#22c55e}
.pd-qa-author{font-size:12px;color:#888;margin-bottom:4px}
.pd-qa-date{margin-left:8px}
.pd-qa-empty{text-align:center;padding:30px;color:#999;font-size:14px}
.pd-qa-form-wrap{text-align:center}
.pd-qa-ask-btn{padding:10px 28px;background:var(--accent,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.pd-qa-ask-btn:hover{background:#1d4ed8}
.pd-qa-form{max-width:500px;margin:16px auto 0;display:none;flex-direction:column;gap:10px}
.pd-qa-form.open{display:flex}
.pd-qa-input,.pd-qa-textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}
.pd-qa-input:focus,.pd-qa-textarea:focus{outline:none;border-color:var(--accent,#2563eb)}
.pd-qa-submit{padding:10px 24px;background:var(--accent,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;align-self:flex-end}

/* ─── Recently Viewed ─── */
.pd-recently-viewed-section{padding:40px 0}

/* ─── Responsive ─── */
@media(max-width:768px){
  .pd-features-cards{grid-template-columns:1fr}
  .pd-bt-grid{flex-direction:column}
  .pd-bt-card{width:140px}
  .pd-bt-plus{transform:rotate(90deg)}
  .pd-forum-meta{flex-wrap:wrap;gap:8px}
}
/* Sticky tabs on mobile */
.pd-tabs-nav-sticky {
  position: fixed !important;
  left: 0;
  right: 0;
  z-index: 95;
  background: #fff;
  border-bottom: 2px solid #e8edf5;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  display: flex;
  gap: 0;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.pd-tabs-nav-sticky::-webkit-scrollbar { display: none; }
.pd-tabs-nav-placeholder { display: none; }
.pd-tabs-nav-placeholder.active { display: block; }
@media(min-width:769px) {
  .pd-tabs-nav-sticky { position: relative !important; top: auto !important; box-shadow: none; }
}
@media(max-width:768px) {
  .pd-tabs-nav-sticky { position: relative !important; top: auto !important; }
}
/* Mobile card-style layout like Rozetka */
@media(max-width:768px) {
  .pd-section { background: #f5f5f5 !important; padding: 0 !important; }
  .pd-section .container { padding: 0 !important; }
  .pd-grid { gap: 0 !important; }

  .pd-gallery-wrap {
    background: #fff;
    margin-bottom: 8px;
    padding: 0 !important;
  }

  .pd-info {
    background: #fff;
    margin-bottom: 8px;
    padding: 16px !important;
    border-radius: 0;
  }

  .pd-tabs-section {
    background: #f5f5f5 !important;
    padding: 0 !important;
  }
  .pd-tabs-section .container { padding: 0 !important; }
  .pd-tabs-section .pd-tabs-nav {
    background: #fff;
    margin-bottom: 8px;
    padding: 0 16px;
  }
  .pd-tab-content {
    background: #fff;
    margin-bottom: 8px;
    padding: 16px !important;
  }

  #also-buy-section {
    background: #f5f5f5 !important;
    padding: 0 !important;
    border-top: none !important;
  }
  #also-buy-section > .container,
  #also-buy-section > div {
    background: #fff;
    margin-bottom: 8px;
    padding: 16px !important;
  }

  /* Also liked section */
  .pd-also-section,
  section[style*="background:#fff"] {
    background: #fff !important;
    margin-bottom: 8px !important;
    padding: 16px !important;
  }

  /* Breadcrumbs card */
  .pd-section .pd-breadcrumbs,
  .breadcrumb-portal {
    background: #fff;
    margin-bottom: 8px;
    padding: 12px 16px !important;
  }
  .breadcrumbs .bc-current {
    display: none;
  }

  /* Reduce section padding on mobile */
  section[style*="padding:40px 0"] { padding: 16px 0 !important; }
  #also-buy-section { padding: 16px 0 !important; }
  .pd-recently-viewed-section { padding: 16px 0 !important; }
}

/* ─── Real no-cover state ─────────────────────────────────────────────────────────────
   Cover scarcity is normal in the supplier catalogue. This component uses the book's own
   bibliographic data instead of a broken image, generic icon or fabricated cover. */
.pd-cover-fallback{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:2/3;min-height:480px;padding:34px 30px 28px;overflow:hidden;background:linear-gradient(151deg,#13231f 0 67%,#2459d3 67%);color:#fff;box-shadow:0 24px 50px rgba(20,31,28,.19)}
.pd-cover-fallback[hidden]{display:none}
.pd-cover-fallback:before{content:"";position:absolute;z-index:-1;inset:16px;border:1px solid rgba(255,255,255,.2)}
.pd-cover-fallback:after{content:"";position:absolute;z-index:-1;right:-55px;bottom:72px;width:150px;height:150px;border:24px solid rgba(255,255,255,.1);border-radius:50%}
.pd-cover-fallback-brand{font:800 10px/1 'Inter',system-ui,sans-serif;letter-spacing:1.8px;text-transform:uppercase;opacity:.7}
.pd-cover-fallback-rule{display:block;width:42px;height:4px;margin-top:auto;background:#ef5b3f}
.pd-cover-fallback-copy{display:block;margin:18px 0 auto}
.pd-cover-fallback-copy strong{display:block;font:800 clamp(25px,2.45vw,38px)/1.02 'Inter',system-ui,sans-serif;letter-spacing:-1.2px}
.pd-cover-fallback-copy small{display:block;margin-top:15px;font:600 13px/1.4 'Inter',system-ui,sans-serif;opacity:.76}
.pd-cover-fallback-meta{font:700 10px/1.35 'Inter',system-ui,sans-serif;letter-spacing:.75px;text-transform:uppercase;opacity:.65}
.pd-cover-box.is-no-cover{border:0!important;background:transparent!important;box-shadow:none!important}
.pd-cover-box.is-no-cover .pd-main-img{display:none!important}
.pd-cover-box.is-no-cover .pd-sale-badge,.pd-cover-box.is-no-cover>span[style*="position:absolute"]{z-index:3}
.pd-sticky-media{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:5px;background:#15211f;color:#fff}
.pd-sticky-fallback{font:800 17px/1 'Inter',system-ui,sans-serif;color:#dce7ff;text-transform:uppercase}
.pd-sticky-media .pd-sticky-thumb{position:absolute;inset:0;width:100%;height:100%;margin:0}

/* Cookbook Shelf product page — a working kitchen reference desk, not a rustic blog. */
body.cooking[data-page="product"], body.esoterica[data-page="product"]{--pd-ink:#14211e;--pd-sub:#596762;--pd-paper:#f4f3ed;--pd-card:#fffef9;--pd-line:#d9ded8;--pd-blue:#2459d3;--pd-tomato:#e24b35;background:var(--pd-paper);color:var(--pd-ink)}
body.cooking[data-page="product"] .breadcrumbs, body.esoterica[data-page="product"] .breadcrumbs{background:#fffef9!important;border-bottom:1px solid var(--pd-line)!important}
body.cooking[data-page="product"] .breadcrumbs a, body.esoterica[data-page="product"] .breadcrumbs a{color:#52635d!important}
body.cooking[data-page="product"] .pd-section, body.esoterica[data-page="product"] .pd-section{padding:42px 0 58px!important;background:linear-gradient(90deg,rgba(36,89,211,.04) 1px,transparent 1px),linear-gradient(rgba(36,89,211,.04) 1px,transparent 1px),var(--pd-paper)!important;background-size:48px 48px!important}
body.cooking[data-page="product"] .pd-grid, body.esoterica[data-page="product"] .pd-grid{grid-template-columns:minmax(290px,380px) minmax(0,1fr)!important;gap:clamp(38px,6vw,82px)!important;align-items:start}
body.cooking[data-page="product"] .pd-gallery-wrap, body.esoterica[data-page="product"] .pd-gallery-wrap{position:sticky;top:148px}
body.cooking[data-page="product"] .pd-main-wrap, body.esoterica[data-page="product"] .pd-main-wrap{max-width:380px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
body.cooking[data-page="product"] .pd-cover-box, body.esoterica[data-page="product"] .pd-cover-box{overflow:hidden;border:1px solid #d7ddd7!important;border-radius:2px!important;background:#e8ebe7!important;box-shadow:13px 16px 0 rgba(20,33,30,.09)!important}
body.cooking[data-page="product"] .pd-main-img, body.esoterica[data-page="product"] .pd-main-img{border-radius:1px!important;filter:drop-shadow(0 16px 26px rgba(20,33,30,.16))!important}
body.cooking[data-page="product"] .pd-main-wrap:hover .pd-main-img, body.esoterica[data-page="product"] .pd-main-wrap:hover .pd-main-img{transform:translateY(-2px)!important}
body.cooking[data-page="product"] .pd-cover-box.is-no-cover, body.esoterica[data-page="product"] .pd-cover-box.is-no-cover{overflow:visible!important}
body.cooking[data-page="product"] .pd-cover-fallback, body.esoterica[data-page="product"] .pd-cover-fallback{border-radius:2px}
body.cooking[data-page="product"] .pd-review-under-cover, body.esoterica[data-page="product"] .pd-review-under-cover{margin-top:24px!important;padding:17px 18px!important;border:1px solid var(--pd-line)!important;border-radius:2px!important;background:rgba(255,254,249,.9)!important;text-align:left!important;box-shadow:none!important}
body.cooking[data-page="product"] .pd-review-under-cover>div:first-child, body.esoterica[data-page="product"] .pd-review-under-cover>div:first-child{font:800 12px/1.2 'Inter',system-ui,sans-serif!important;letter-spacing:.75px;text-transform:uppercase;color:var(--pd-ink)!important}
body.cooking[data-page="product"] .pd-review-under-cover button, body.esoterica[data-page="product"] .pd-review-under-cover button{border-color:#c9d0ca!important;border-radius:2px!important;color:var(--pd-ink)!important}
body.cooking[data-page="product"] .pd-info, body.esoterica[data-page="product"] .pd-info{padding:5px 0 0}
body.cooking[data-page="product"] .pd-info h1, body.esoterica[data-page="product"] .pd-info h1, body.cooking[data-page="product"] .pd-title, body.esoterica[data-page="product"] .pd-title{max-width:760px;margin:8px 0 12px!important;color:var(--pd-ink)!important;font:850 clamp(36px,4.45vw,62px)/.98 'Inter',system-ui,sans-serif!important;letter-spacing:-2.6px!important}
body.cooking[data-page="product"] .pd-author-hero, body.esoterica[data-page="product"] .pd-author-hero{margin:2px 0 9px!important;color:var(--pd-blue)!important;font:700 15px/1.35 'Inter',system-ui,sans-serif!important}
body.cooking[data-page="product"] .pd-genre-badge, body.esoterica[data-page="product"] .pd-genre-badge{border:1px solid #bdc9c3!important;border-radius:2px!important;background:#e9eeeb!important;color:#29463d!important;font-family:'Inter',system-ui,sans-serif!important}
body.cooking[data-page="product"] .pd-rating-row, body.esoterica[data-page="product"] .pd-rating-row{margin:5px 0 18px!important}
body.cooking[data-page="product"] .pd-reviews-link, body.esoterica[data-page="product"] .pd-reviews-link{color:#63716c!important}
body.cooking[data-page="product"] .pd-price-block, body.esoterica[data-page="product"] .pd-price-block{margin:8px 0 13px!important;padding-top:16px;border-top:1px solid var(--pd-line)}
body.cooking[data-page="product"] .pd-price, body.esoterica[data-page="product"] .pd-price{color:var(--pd-ink)!important;font:850 38px/1 'Inter',system-ui,sans-serif!important;letter-spacing:-1.4px}
body.cooking[data-page="product"] .pd-save-badge, body.esoterica[data-page="product"] .pd-save-badge{border-radius:2px;background:#fee7e3;color:#b62e20}
body.cooking[data-page="product"] .pd-stock-near-price span, body.esoterica[data-page="product"] .pd-stock-near-price span{border-radius:2px!important}
body.cooking[data-page="product"] .pd-actions, body.esoterica[data-page="product"] .pd-actions{gap:10px;margin-top:16px;padding:14px;border:1px solid var(--pd-line);background:var(--pd-card)}
body.cooking[data-page="product"] .pd-qty-wrap, body.esoterica[data-page="product"] .pd-qty-wrap, body.cooking[data-page="product"] .pd-qty-btn, body.esoterica[data-page="product"] .pd-qty-btn, body.cooking[data-page="product"] .pd-qty-input, body.esoterica[data-page="product"] .pd-qty-input{border-radius:2px!important}
body.cooking[data-page="product"] .pd-add-cart, body.esoterica[data-page="product"] .pd-add-cart{min-height:50px;border-radius:2px!important;background:var(--pd-tomato)!important;box-shadow:none!important;font-family:'Inter',system-ui,sans-serif;letter-spacing:.15px}
body.cooking[data-page="product"] .pd-add-cart:hover, body.esoterica[data-page="product"] .pd-add-cart:hover{background:#c93d2a!important;box-shadow:0 7px 18px rgba(226,75,53,.24)!important}
body.cooking[data-page="product"] .pd-wishlist-btn, body.esoterica[data-page="product"] .pd-wishlist-btn{border-radius:2px!important}
body.cooking[data-page="product"] button[data-act="pdBuy1Click"], body.esoterica[data-page="product"] button[data-act="pdBuy1Click"]{margin-top:10px!important;border-color:var(--pd-blue)!important;border-radius:2px!important;color:var(--pd-blue)!important;background:#fffef9!important}
body.cooking[data-page="product"] .pd-about-card, body.esoterica[data-page="product"] .pd-about-card, body.cooking[data-page="product"] .pd-desc-card, body.esoterica[data-page="product"] .pd-desc-card{border:1px solid var(--pd-line)!important;border-left:4px solid var(--pd-blue)!important;border-radius:0 2px 2px 0!important;background:var(--pd-card)!important}
body.cooking[data-page="product"] .pd-about-badge, body.esoterica[data-page="product"] .pd-about-badge{border-radius:0!important;background:var(--pd-ink)!important}
body.cooking[data-page="product"] .pd-delivery-block, body.esoterica[data-page="product"] .pd-delivery-block, body.cooking[data-page="product"] .pd-feat-card, body.esoterica[data-page="product"] .pd-feat-card, body.cooking[data-page="product"] .pd-qa-item, body.esoterica[data-page="product"] .pd-qa-item{border-color:var(--pd-line);border-radius:2px;background:var(--pd-card)}
body.cooking[data-page="product"] .pd-tabs-section, body.esoterica[data-page="product"] .pd-tabs-section{padding:10px 0 54px;background:#fffef9!important}
body.cooking[data-page="product"] .pd-tabs-nav, body.esoterica[data-page="product"] .pd-tabs-nav{gap:8px;padding-top:12px;border-color:var(--pd-line)}
body.cooking[data-page="product"] .pd-tab, body.esoterica[data-page="product"] .pd-tab{padding:15px 18px;color:#61706a;font-family:'Inter',system-ui,sans-serif}
body.cooking[data-page="product"] .pd-tab.active, body.esoterica[data-page="product"] .pd-tab.active{border-color:var(--pd-blue)!important;color:var(--pd-blue)!important}
body.cooking[data-page="product"] .pd-tab-content h2, body.esoterica[data-page="product"] .pd-tab-content h2, body.cooking[data-page="product"] .pd-section-title, body.esoterica[data-page="product"] .pd-section-title{color:var(--pd-ink)!important;font-family:'Inter',system-ui,sans-serif!important;letter-spacing:-.55px}
body.cooking[data-page="product"] .pd-description, body.esoterica[data-page="product"] .pd-description, body.cooking[data-page="product"] .pd-tab-content p, body.esoterica[data-page="product"] .pd-tab-content p{color:#46554f!important;line-height:1.75}
body.cooking[data-page="product"] .pd-sticky-bar, body.esoterica[data-page="product"] .pd-sticky-bar{border-color:var(--pd-line);background:rgba(255,254,249,.96)}
body.cooking[data-page="product"] .pd-sticky-cart, body.esoterica[data-page="product"] .pd-sticky-cart{border-radius:2px;background:var(--pd-tomato);box-shadow:none}
body.cooking[data-page="product"] .pd-sticky-name, body.esoterica[data-page="product"] .pd-sticky-name{color:var(--pd-ink)}
body.cooking[data-page="product"] .pd-sticky-price-now, body.esoterica[data-page="product"] .pd-sticky-price-now{color:var(--pd-tomato)}

@media(max-width:768px){
body.cooking[data-page="product"] .pd-section, body.esoterica[data-page="product"] .pd-section{padding:14px 0 0!important;background:var(--pd-paper)!important}
body.cooking[data-page="product"] .pd-section .container, body.esoterica[data-page="product"] .pd-section .container{padding:0 var(--container-pad)!important}
body.cooking[data-page="product"] .pd-grid, body.esoterica[data-page="product"] .pd-grid{display:block!important}
body.cooking[data-page="product"] .pd-gallery-wrap, body.esoterica[data-page="product"] .pd-gallery-wrap{position:relative;top:auto;margin:0 0 10px!important;padding:18px 0 8px!important;background:transparent!important}
body.cooking[data-page="product"] .pd-main-wrap, body.esoterica[data-page="product"] .pd-main-wrap{max-width:252px!important;margin:0 auto 14px!important}
body.cooking[data-page="product"] .pd-cover-box, body.esoterica[data-page="product"] .pd-cover-box{width:100%;max-width:100%;box-shadow:8px 10px 0 rgba(20,33,30,.08)!important}
body.cooking[data-page="product"] .pd-cover-fallback, body.esoterica[data-page="product"] .pd-cover-fallback{min-height:0;padding:27px 24px 23px}
body.cooking[data-page="product"] .pd-cover-fallback-copy strong, body.esoterica[data-page="product"] .pd-cover-fallback-copy strong{font-size:29px;letter-spacing:-1px}
body.cooking[data-page="product"] .pd-info, body.esoterica[data-page="product"] .pd-info{margin:0 calc(-1 * var(--container-pad)) 10px;padding:24px 18px 22px!important;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);background:var(--pd-card)!important}
body.cooking[data-page="product"] .pd-info h1, body.esoterica[data-page="product"] .pd-info h1, body.cooking[data-page="product"] .pd-title, body.esoterica[data-page="product"] .pd-title{font-size:32px!important;line-height:1.02!important;letter-spacing:-1.35px!important}
body.cooking[data-page="product"] .pd-escore, body.esoterica[data-page="product"] .pd-escore{float:none;margin:8px 0 12px}
body.cooking[data-page="product"] .pd-escore-row, body.esoterica[data-page="product"] .pd-escore-row{justify-content:flex-start}
body.cooking[data-page="product"] .pd-actions, body.esoterica[data-page="product"] .pd-actions{margin:14px 0 0;padding:10px}
body.cooking[data-page="product"] .pd-add-cart, body.esoterica[data-page="product"] .pd-add-cart{font-size:14px}
body.cooking[data-page="product"] .pd-tabs-section, body.esoterica[data-page="product"] .pd-tabs-section{margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad) 40px!important;background:var(--pd-paper)!important}
body.cooking[data-page="product"] .pd-tabs-section .container, body.esoterica[data-page="product"] .pd-tabs-section .container{padding:0!important}
body.cooking[data-page="product"] .pd-tabs-section .pd-tabs-nav, body.esoterica[data-page="product"] .pd-tabs-section .pd-tabs-nav{margin:0 calc(-1 * var(--container-pad)) 10px;padding:4px var(--container-pad) 0;background:var(--pd-card)}
body.cooking[data-page="product"] .pd-tab-content, body.esoterica[data-page="product"] .pd-tab-content{margin:10px calc(-1 * var(--container-pad)) 0;padding:22px 18px!important;border-top:1px solid var(--pd-line);background:var(--pd-card)}
body.cooking[data-page="product"] .pd-review-under-cover, body.esoterica[data-page="product"] .pd-review-under-cover{display:none!important}
}

@media(prefers-reduced-motion:reduce){.pd-main-img,.pd-add-cart,.pd-sticky-bar{transition:none!important}body.cooking[data-page="product"] .pd-main-wrap:hover .pd-main-img, body.esoterica[data-page="product"] .pd-main-wrap:hover .pd-main-img{transform:none!important}}

/* theme-cooking.css is intentionally loaded after page CSS. These selectors are one level
   more specific so the product redesign can own its page without editing the shared theme
   file or changing the global stylesheet order. */
html body.cooking[data-page="product"] .pd-section, html body.esoterica[data-page="product"] .pd-section{padding:42px 0 58px!important;background:linear-gradient(90deg,rgba(36,89,211,.04) 1px,transparent 1px),linear-gradient(rgba(36,89,211,.04) 1px,transparent 1px),var(--pd-paper)!important;background-size:48px 48px!important}
html body.cooking[data-page="product"] .pd-grid, html body.esoterica[data-page="product"] .pd-grid{grid-template-columns:minmax(290px,380px) minmax(0,1fr)!important;gap:clamp(38px,6vw,82px)!important}
html body.cooking[data-page="product"] .pd-cover-box, html body.esoterica[data-page="product"] .pd-cover-box{border:1px solid #d7ddd7!important;border-radius:2px!important;background:#e8ebe7!important;box-shadow:13px 16px 0 rgba(20,33,30,.09)!important}
html body.cooking[data-page="product"] .pd-cover-box.is-no-cover, html body.esoterica[data-page="product"] .pd-cover-box.is-no-cover{border:0!important;background:transparent!important;box-shadow:none!important}
html body.cooking[data-page="product"] .pd-info h1, html body.esoterica[data-page="product"] .pd-info h1, html body.cooking[data-page="product"] .pd-title, html body.esoterica[data-page="product"] .pd-title{color:var(--pd-ink)!important;font:850 clamp(36px,4.45vw,62px)/.98 'Inter',system-ui,sans-serif!important;letter-spacing:-2.6px!important}
html body.cooking[data-page="product"] .pd-author-hero, html body.esoterica[data-page="product"] .pd-author-hero{color:var(--pd-blue)!important;font-family:'Inter',system-ui,sans-serif!important}
html body.cooking[data-page="product"] .pd-price, html body.esoterica[data-page="product"] .pd-price{color:var(--pd-ink)!important;font-family:'Inter',system-ui,sans-serif!important}
html body.cooking[data-page="product"] .pd-actions, html body.esoterica[data-page="product"] .pd-actions{border-color:var(--pd-line)!important;border-radius:0!important;background:var(--pd-card)!important}
html body.cooking[data-page="product"] .pd-add-cart, html body.esoterica[data-page="product"] .pd-add-cart{border-radius:2px!important;background:var(--pd-tomato)!important}
html body.cooking[data-page="product"] .pd-qty-wrap, html body.esoterica[data-page="product"] .pd-qty-wrap, html body.cooking[data-page="product"] .pd-qty-btn, html body.esoterica[data-page="product"] .pd-qty-btn, html body.cooking[data-page="product"] .pd-qty-input, html body.esoterica[data-page="product"] .pd-qty-input{border-radius:2px!important}
html body.cooking[data-page="product"] .pd-tab.active, html body.esoterica[data-page="product"] .pd-tab.active{border-color:var(--pd-blue)!important;color:var(--pd-blue)!important}
html body.cooking[data-page="product"] .pd-cover-fallback, html body.esoterica[data-page="product"] .pd-cover-fallback{padding-top:54px}

@media(max-width:768px){
html body.cooking[data-page="product"] .pd-section, html body.esoterica[data-page="product"] .pd-section{padding:14px 0 0!important;background:var(--pd-paper)!important}
html body.cooking[data-page="product"] .pd-grid, html body.esoterica[data-page="product"] .pd-grid{display:block!important}
html body.cooking[data-page="product"] .pd-cover-box, html body.esoterica[data-page="product"] .pd-cover-box{box-shadow:8px 10px 0 rgba(20,33,30,.08)!important}
html body.cooking[data-page="product"] .pd-cover-box.is-no-cover, html body.esoterica[data-page="product"] .pd-cover-box.is-no-cover{box-shadow:none!important}
html body.cooking[data-page="product"] .pd-info h1, html body.esoterica[data-page="product"] .pd-info h1, html body.cooking[data-page="product"] .pd-title, html body.esoterica[data-page="product"] .pd-title{font-size:32px!important;line-height:1.02!important;letter-spacing:-1.35px!important}
html body.cooking[data-page="product"] .pd-cover-fallback, html body.esoterica[data-page="product"] .pd-cover-fallback{padding:47px 24px 23px}
}