.hh-atom-hero__descriptor { display:block; margin-bottom:16px; color:#2b2b2b; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; line-height:1.2; }

.hh-atom-manifest { overflow:hidden; background:#ffffff; }
.hh-atom-manifest .hh-section-head { margin-bottom:clamp(44px,6vw,78px); }
.hh-atom-manifest__layout { display:grid; grid-template-columns:minmax(460px,1fr) minmax(0,1fr); background:#f4f4f4; }
.hh-atom-manifest__visual { position:relative; display:grid; place-items:center; min-height:760px; margin:0; padding:36px; overflow:hidden; background:#ffffff; }
.hh-atom-manifest__visual>img { width:min(100%,590px); height:auto; object-fit:contain; }
.hh-atom-gallery { width:min(100%,680px); min-width:0; color:#2b2b2b; }
.hh-atom-gallery__viewport { position:relative; overflow:hidden; background:#ffffff; cursor:grab; touch-action:pan-y; }
.hh-atom-gallery__track { display:flex; transition:transform .42s cubic-bezier(.22,.61,.36,1); will-change:transform; }
.hh-atom-gallery__slide { position:relative; flex:0 0 100%; min-width:0; height:680px; }
.hh-atom-gallery__slide img { position:absolute; left:50%; display:block; max-width:none; height:auto; user-select:none; -webkit-user-drag:none; pointer-events:none; transform:translateX(-50%); }
.hh-atom-gallery__slide--empty img { top:25%; width:69%; }
.hh-atom-gallery__slide--berry img { top:-5.1%; width:105%; }
.hh-atom-gallery__slide--citrus img { top:-.6%; width:95%; }
.hh-atom-gallery__slide--melon img { top:-3%; width:97%; }
.hh-atom-gallery__slide--apple img { top:4.5%; width:93%; }
.hh-atom-gallery__slide--camera img { top:-4.9%; width:96.5%; }
.hh-atom-gallery__slide--pomelo img { top:-6.6%; width:100.5%; }
.hh-atom-gallery.is-dragging .hh-atom-gallery__viewport { cursor:grabbing; }
.hh-atom-gallery.is-dragging .hh-atom-gallery__track { transition:none; }
.hh-atom-gallery__arrow { position:absolute; top:50%; z-index:2; display:grid; place-items:center; width:34px; height:48px; padding:0; border:0; background:transparent; color:#2b2b2b; font-size:25px; font-weight:300; line-height:1; opacity:.42; transform:translateY(-50%); cursor:pointer; transition:opacity .2s ease; }
.hh-atom-gallery__arrow:hover,.hh-atom-gallery__arrow:focus-visible { opacity:.9; }
.hh-atom-gallery__arrow--prev { left:4px; }
.hh-atom-gallery__arrow--next { right:4px; }
.hh-atom-gallery__arrow:focus-visible,.hh-atom-gallery__dots button:focus-visible { outline:2px solid #ff9e1b; outline-offset:3px; }
.hh-atom-gallery__footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; }
.hh-atom-gallery__dots { display:flex; align-items:center; gap:9px; }
.hh-atom-gallery__dots button { width:34px; height:3px; padding:0; border:0; background:#c9c9c9; cursor:pointer; }
.hh-atom-gallery__dots button[aria-current="true"] { background:#2b2b2b; }
.hh-atom-gallery__count { color:#777777; font-size:12px; font-weight:700; letter-spacing:.08em; }
.hh-atom-gallery__count b { color:#2b2b2b; font-weight:800; }
.hh-atom-manifest__content { display:flex; flex-direction:column; padding:clamp(42px,6vw,84px); }
.hh-atom-manifest__statement { max-width:760px; margin:0; font-size:clamp(28px,3vw,46px); line-height:1.12; letter-spacing:-.035em; }
.hh-atom-manifest__explain { max-width:680px; margin:28px 0 0; color:#626262; font-size:17px; line-height:1.55; }
.hh-atom-manifest__metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:auto 0 0; padding-top:clamp(52px,7vw,96px); }
.hh-atom-manifest__metric { min-width:0; padding:22px 20px 22px 0; border-top:1px solid rgba(13,13,13,.17); }
.hh-atom-manifest__metric:nth-child(even) { padding-left:28px; border-left:1px solid rgba(13,13,13,.17); }
.hh-atom-manifest__metric dt { min-height:32px; margin:0 0 10px; color:#777; font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.hh-atom-manifest__metric dd { margin:0; color:#0d0d0d; font-size:clamp(24px,2.4vw,38px); font-weight:700; line-height:1.05; letter-spacing:-.03em; }
.hh-atom-manifest__metric small { display:block; margin-top:9px; color:#666; font-size:14px; line-height:1.4; }
.hoob-category-page .hoob-category-benefits { background:#f4f4f4; }

.hoob-category-page .hh-atom-scenarios { background:#2b2b2b; color:#ffffff; }
.hh-atom-scenarios .hh-section-head h2 { color:#ffffff; }
.hh-atom-scenarios .hoob-category-scenario-grid__body h3 { color:#2b2b2b; }
.hh-atom-model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.hh-atom-model-card { display:flex; flex-direction:column; height:100%; overflow:hidden; }
.hh-atom-model-media { display:flex; align-items:center; justify-content:center; min-height:460px; padding:22px; background:#ffffff; }
.hh-atom-model-media img { display:block; width:100%; height:410px; object-fit:contain; }
.hh-atom-model-card .hh-card-body { display:flex; flex:1; flex-direction:column; }
.hh-atom-model-card h3 a { color:inherit; text-decoration:none; }
.hh-atom-model-specs { margin:20px 0 0; border-top:1px solid #dddddd; }
.hh-atom-model-specs>div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:18px; padding:13px 0; border-bottom:1px solid #dddddd; }
.hh-atom-model-specs dt { color:#777777; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.hh-atom-model-specs dd { margin:0; color:#2b2b2b; font-size:15px; line-height:1.45; }
.hh-atom-model-note { min-height:72px; margin:auto 0 0; padding-top:20px; color:#595959; font-size:15px; line-height:1.5; }
.hh-atom-model-note strong { color:#2b2b2b; }
.hh-atom-model-offer { box-sizing:border-box; min-height:94px; margin-top:22px; }
.hh-atom-models .hh-product-offer { display:grid; gap:12px; }
.hh-atom-models .hh-product-offer .price-box,.hh-atom-models .hh-product-offer .minimal-price { margin:0; }
.hh-atom-models .hh-product-offer .price-container { display:flex; align-items:baseline; gap:6px; }
.hh-atom-models .hh-product-offer .price-label { color:#777777; font-size:14px; font-weight:400; }
.hh-atom-models .hh-product-offer .price-box .price { color:#2b2b2b; font-size:26px; line-height:1.15; }
.hh-atom-models .hh-product-offer__availability { display:flex; align-items:flex-start; gap:10px; }
.hh-atom-models .hh-product-offer__status-dot { flex:0 0 8px; width:8px; height:8px; margin-top:6px; border-radius:50%; background:#777777; }
.hh-atom-models .hh-product-offer__availability--available .hh-product-offer__status-dot,.hh-atom-models .hh-product-offer__availability--mixed .hh-product-offer__status-dot { background:#2c6e49; }
.hh-atom-models .hh-product-offer__availability--preorder .hh-product-offer__status-dot { background:#ff9e1b; }
.hh-atom-models .hh-product-offer__status-copy { display:grid; gap:2px; }
.hh-atom-models .hh-product-offer__status-copy strong { color:#2b2b2b; font-size:15px; line-height:1.3; }
.hh-atom-models .hh-product-offer__status-copy span { color:#777777; font-size:13px; line-height:1.4; }
.hh-atom-model-card .action.primary { align-self:flex-start; margin-top:20px; }

.hoob-category-page .hh-atom-wholesale { width:100vw; margin-left:calc(50% - 50vw); background:#ffffff; color:#2b2b2b; }
.hh-atom-wholesale .hh-section-head h2 { color:#2b2b2b; }
.hh-atom-wholesale .hh-home-wholesale__lead { color:#595959; }
.hh-atom-wholesale .hh-home-wholesale__segments article { color:#2b2b2b; }
.hh-atom-wholesale .hh-home-wholesale__media img { width:100%; height:100%; min-height:540px; object-fit:cover; }

@media (max-width:900px) {
  .hh-atom-manifest__layout { grid-template-columns:1fr; }
  .hh-atom-manifest__visual { min-height:640px; padding:28px; }
  .hh-atom-gallery__slide { height:580px; }
  .hh-atom-model-grid { grid-template-columns:1fr; }
}

@media (max-width:640px) {
  .hh-atom-manifest .hh-section-head { margin-bottom:0; }
  .hh-atom-manifest__visual { min-height:490px; padding:24px 12px; }
  .hh-atom-gallery__slide { height:350px; }
  .hh-atom-gallery__slide--empty img { top:26%; }
  .hh-atom-gallery__slide--melon img { top:4.9%; width:88%; }
  .hh-atom-gallery__slide--apple img { top:14%; width:83%; }
  .hh-atom-gallery__slide--camera img { top:2.6%; width:87%; }
  .hh-atom-gallery__slide--pomelo img { top:-2.6%; width:95.5%; }
  .hh-atom-gallery__arrow { width:28px; height:40px; font-size:22px; }
  .hh-atom-gallery__arrow--prev { left:0; }
  .hh-atom-gallery__arrow--next { right:0; }
  .hh-atom-gallery__footer { padding-top:15px; }
  .hh-atom-manifest__content { padding:34px 24px 44px; }
  .hh-atom-manifest__metrics { grid-template-columns:1fr; margin-top:42px; padding-top:0; }
  .hh-atom-manifest__metric:nth-child(even) { padding-left:0; border-left:0; }
  .hh-atom-manifest__metric dt { min-height:0; }
  .hh-atom-model-media { min-height:330px; }
  .hh-atom-model-media img { height:290px; }
  .hh-atom-model-specs>div { grid-template-columns:110px minmax(0,1fr); }
  .hh-atom-model-note { min-height:0; }
  .hh-atom-model-card .action.primary { width:100%; text-align:center; }
  .hh-atom-wholesale .hh-home-wholesale__media img { min-height:300px; }
}

@media (max-width:768px) {
  .hh-atom-hero__descriptor { margin-bottom:12px; color:#ffffff; font-size:15px; }
}

/* NOTE: Remove the PageBuilder row inset used only by the staging category wrapper. */
body.category-atom .category-description > div > [data-element="inner"] { margin:0!important; padding:0!important; }
