/* NOMAD responsive draft. No rules at 1024px or above. */
@media(max-width:1023px){
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]){background:#faf8f3!important;color:#523226}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content-wrapper,
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content,
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .content-wrapper-in{background:#faf8f3!important;width:100%!important;max-width:none!important;min-width:0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content-wrapper{padding:0 20px!important;box-sizing:border-box}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .content-wrapper-in{display:block!important;padding:0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .sidebar-left{display:none!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content{padding:0!important;margin:0!important;float:none!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-detail-inner{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:24px!important;align-items:start}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-image-wrapper{grid-column:1;grid-row:1;width:100%!important;padding:0!important;margin:0!important;min-width:0}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-data-wrapper{grid-column:2;grid-row:1;width:100%!important;padding:0!important;margin:0!important;min-width:0}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(h1,.p-detail-inner-header-mobile .h1){font:400 32px/1.15 Georgia,serif!important;color:#523226!important;text-align:left!important;margin:16px 0 20px!important;overflow-wrap:anywhere}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-image{background:transparent!important;min-height:0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-main-image img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:320px!important;object-fit:contain!important;margin:0 auto!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #wrap{max-width:100%;margin:auto}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-short-description{font:400 16px/1.55 "Source Sans 3",Arial,sans-serif!important;margin:16px 0 20px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #product-detail-form{background:#f5f1e8!important;border:1px solid #dfd6c8;border-radius:8px;padding:16px!important;box-sizing:border-box}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-variant-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-variant-choice{min-width:0!important;padding:12px!important;border-radius:6px!important;box-shadow:none!important;text-align:left!important;background:#fffdf8!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-variant-choice[aria-checked="true"]{background:#edf1e4!important;border-color:#506b36!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.nomad-variant-weight,.nomad-variant-price){font-size:16px!important;line-height:1.3!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.nomad-variant-per100,.nomad-variant-stock){font-size:13px!important;line-height:1.4!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .price-final{font-size:28px!important;line-height:1.2!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-to-cart-block{display:flex!important;align-items:stretch;gap:12px!important;flex-wrap:wrap}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-to-cart-block .add-to-cart-button{flex:1;min-height:48px!important;font-size:16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-unit-price{font-size:13px!important;margin:12px 0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-delivery-card{font-size:14px!important;padding:14px!important;margin-top:16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-detail-full-width{width:100%!important;margin:28px 0 0!important;background:transparent!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner{display:block!important;background:transparent!important;padding:0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.basic-description,.extended-description){width:100%!important;padding:20px 0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .basic-description>h4{display:none!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner h2{font:400 28px/1.2 Georgia,serif!important;color:#506b36!important;margin:0 0 16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner h3{font:600 21px/1.3 "Source Sans 3",Arial,sans-serif!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner p{font:400 16px/1.6 "Source Sans 3",Arial,sans-serif!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-detail-tabs-wrapper{background:transparent!important;padding:0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits{font-size:16px!important;margin:24px 0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits>div{padding:20px!important;gap:16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits strong{font-size:17px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits p>span{font-size:14px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits svg{width:38px!important;height:38px!important}
html body #nt-page .nt-product{min-width:0!important;box-shadow:none!important}
html body #nt-page .nt-product h3{font:600 17px/1.3 "Source Sans 3",Arial,sans-serif!important;min-height:44px!important;margin-bottom:12px!important}
html body #nt-page .nt-price{font-size:21px!important;margin:12px 0!important}
html body #nt-page .nt-product-image{height:auto!important;min-height:0!important;aspect-ratio:1!important;margin:0 0 14px!important}
html body #nt-page .nt-detail{font-size:16px!important;min-height:44px!important}
}
@media(max-width:599px){
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content-wrapper{padding:0 16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-detail-inner{display:flex!important;flex-direction:column!important;gap:16px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-image-wrapper{order:-1}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(h1,.p-detail-inner-header-mobile .h1){font-size:29px!important;margin:16px 0!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-main-image img{max-height:270px!important}
html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-benefits>div{grid-template-columns:1fr!important;padding:18px!important}
html body #nt-page #nt-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body #nt-page .nt-product{padding:12px!important}
}

/* Responsive continuation: intrinsic sizing, touch controls and narrow screens.
   Scoped to the existing tea detail and #nt-page; desktop is unaffected. */
@media (max-width: 1023px) {
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.p-detail-inner, .p-detail-full-width, .description-inner, #product-detail-form) {
    min-width: 0 !important;
    box-sizing: border-box;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.p-image-wrapper, .p-data-wrapper, .basic-description, .extended-description) {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner :is(img, video, iframe) {
    max-width: 100% !important;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner :is(img, video) { height: auto !important; }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .description-inner table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #product-detail-form :is(select, input, textarea) {
    max-width: 100%;
    box-sizing: border-box;
    font-size: 16px !important;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-variant-choice {
    min-height: 44px;
    overflow-wrap: anywhere;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-to-cart-block .add-to-cart-button {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) :is(.nomad-variant-choice, .add-to-cart-button):focus-visible,
  html body #nt-page .nt-detail:focus-visible {
    outline: 2px solid #506b36;
    outline-offset: 3px;
  }
  html body #nt-page { min-width: 0; max-width: 100%; box-sizing: border-box; }
  html body #nt-page #nt-results {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  html body #nt-page .nt-product {
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  html body #nt-page .nt-product-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
  }
  html body #nt-page .nt-detail { white-space: normal !important; }
}
@media (max-width: 767px) {
  html body #nt-page #nt-results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 599px) {
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-to-cart-block .add-to-cart-button { flex: 1 1 160px; }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-delivery-card { overflow-wrap: anywhere; box-sizing: border-box; }
  html body #nt-page #nt-results { gap: 12px !important; }
}
@media (max-width: 359px) {
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #content-wrapper { padding: 0 12px !important; }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .nomad-variant-picker { grid-template-columns: minmax(0, 1fr) !important; }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) #product-detail-form { padding: 12px !important; }
  html body.type-product:has(meta[itemprop="category"][content*="Čaje"]) .p-to-cart-block .add-to-cart-button { flex-basis: 100%; }
  html body #nt-page #nt-results { grid-template-columns: minmax(0, 1fr) !important; }
}