/* oopticshop, stratul v1 fidel: prima pagina (06_site/v1 index.html). Sectiunile statice au stilul exact din v1-componente-v1.css;
   aici: latimea randurilor Journal si modulele live (produse, articole) stilizate ca piesele v1. */

/* randurile din pozitia top: continut 1360/32 ca antetul; coloanele Journal (latimi in %) devin grile v1 */
.route-common-home #top > .grid-rows > .grid-row:not(:has(.links-menu-9005)) { padding:0 !important; margin:0 !important;
  background:transparent !important; }
.route-common-home #top > .grid-rows > .grid-row:not(:has(.links-menu-9005)) > .grid-cols {
  max-width:1360px !important; margin-inline:auto !important; padding-inline:var(--space-6) !important; box-sizing:border-box;
  display:grid !important; gap:var(--space-4); }
.route-common-home #top .grid-row .grid-col { width:auto !important; max-width:none !important; min-width:0; padding:0 !important; flex:none !important; }
.route-common-home #top .grid-row .grid-items { display:grid; gap:var(--space-3); padding:0 !important; justify-content:stretch !important; }
.route-common-home #top .grid-row .grid-item, .route-common-home #top .grid-item > .module { width:100% !important; justify-self:stretch; padding:0 !important; margin:0 !important; min-width:0; }
.route-common-home #top .module { margin:0 !important; padding:0 !important; }
.route-common-home #top .block-body, .route-common-home #top .block-wrapper, .route-common-home #top .block-content {
  padding:0 !important; margin:0 !important; background:none !important; }

/* ritmul sectiunilor din v1: erou 24 sus/jos, garantii 16, sectiuni 48 (64 pe desktop), tight fara sus */
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-2 { padding-block:var(--space-5) !important; }
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-3 { padding-block:0 var(--space-4) !important; }
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-4 { padding-top:var(--space-7) !important; }
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-5, .route-common-home #top > .grid-rows > .grid-row.grid-row-top-6, .route-common-home #top > .grid-rows > .grid-row.grid-row-top-7,
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-9, .route-common-home #top > .grid-rows > .grid-row.grid-row-top-10 { padding-bottom:var(--space-7) !important; }
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-9 { padding-top:var(--space-7) !important; }
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-8 { margin-bottom:0 !important; }
.route-common-home .oo-v1 .trust { padding-block:0; }

/* erou: rail | slide (text + produs) | laterale; pe tableta slide-ul si lateralele pe toata latimea */
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-2 > .grid-cols { grid-template-columns:1fr; }
.route-common-home .grid-col-top-2-1 { display:none !important; }
.route-common-home .grid-col-top-2-2 > .grid-items { background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-5) !important; gap:var(--space-5); align-items:center; }
.route-common-home .grid-col-top-2-3 > .grid-items { align-content:start; }
.route-common-home .grid-col-top-2-3 .module-products-9013 .product-grid { display:grid !important; gap:var(--space-3); margin:0 !important; }
.route-common-home .module-blocks-9014, .route-common-home .module-blocks-9014 .oo-v1, .route-common-home .module-blocks-9014 .cab-card { height:100%; }

/* produsul din erou ca .stage: pe os, fara chenar, numele in Familjen H3, butonul coral doar cat textul */
.module-products-9012 .product-grid { display:block !important; margin:0 !important; }
.module-products-9012 .product-layout { width:auto !important; padding:0 !important; }
.module-products-9012 .product-grid .product-layout .product-thumb { background:var(--background-light) !important; border:0 !important;
  padding:var(--space-4) !important; gap:var(--space-3); }
.module-products-9012 .product-grid .product-thumb .image { aspect-ratio:auto !important; }
.module-products-9012 .product-grid .product-thumb .image img { width:100% !important; max-width:34rem !important; margin-inline:auto; }
.module-products-9012 .product-grid .product-thumb .name a { font-family:var(--type-family-display), Arial, sans-serif !important;
  font-weight:700 !important; font-size:var(--type-size-h3) !important; line-height:1.15 !important; }
.module-products-9012 .product-grid .product-thumb .description { min-height:0 !important; }
.module-products-9012 .product-grid .product-thumb .btn-cart { width:auto !important; align-self:flex-start; padding-inline:var(--space-4) !important; }
.module-products-9012 .product-grid .product-thumb .buttons-wrapper, .module-products-9012 .product-grid .product-thumb .button-group,
.module-products-9012 .product-grid .product-thumb .cart-group { justify-content:flex-start !important; }

/* lateralele ca .mini: imagine mica stanga, brand/nume/pret dreapta, fara descriere si buton (linkul e tot cardul) */
.module-products-9013 .product-layout { width:auto !important; padding:0 !important; }
.module-products-9013 .product-grid .product-layout .product-thumb { display:grid !important; grid-template-columns:calc(var(--space-9) + var(--space-5)) 1fr;
  gap:var(--space-1) var(--space-3); align-items:center; padding:var(--space-3) !important; }
.module-products-9013 .product-grid .product-thumb .image { grid-row:1 / span 4; aspect-ratio:4 / 3; }
.module-products-9013 .product-grid .product-thumb .caption { display:contents !important; }
.module-products-9013 .product-grid .product-thumb .description, .module-products-9013 .product-grid .product-thumb .buttons-wrapper,
.module-products-9013 .product-grid .product-thumb .wish-group, .module-products-9013 .product-grid .product-thumb .price::after { display:none !important; }
.module-products-9013 .product-grid .product-thumb .stats, .module-products-9013 .product-grid .product-thumb .name,
.module-products-9013 .product-grid .product-thumb .price { grid-column:2; margin:0 !important; }
.module-products-9013 .product-grid .product-thumb .product-labels { top:var(--space-2) !important; left:var(--space-2) !important; }

/* garantii: pictogramele v1 au fundal alb, ca pe placa */
.module-blocks-9015 .campaign img { aspect-ratio:1100 / 360; }

/* oferte: capul sectiunii cu tab-urile mutate din modulul 27 (v1-global-v1.js), pastile ca .tabs a */
.module-blocks-9016 .sec-head { margin-bottom:var(--space-5); }
.v1-tabs-live .nav-tabs { display:flex !important; width:auto !important; flex-wrap:wrap; gap:var(--space-2); margin:0 !important; padding:0 !important;
  border:0 !important; background:none !important; }
.v1-tabs-live .nav-tabs > li { float:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
.v1-tabs-live .nav-tabs > li::before, .v1-tabs-live .nav-tabs > li::after,
.v1-tabs-live .nav-tabs > li > a::before, .v1-tabs-live .nav-tabs > li > a::after { display:none !important; }
.v1-tabs-live .nav-tabs > li > a { display:block; font-family:var(--type-family-body), sans-serif !important;
  font-size:var(--type-size-interfata) !important; font-weight:500 !important; text-transform:none !important; letter-spacing:0 !important;
  color:var(--text-on-light) !important; background:transparent !important; padding:var(--space-1) var(--space-3) !important;
  border-radius:var(--radius-pill) !important; border:var(--line-hair) solid var(--border-default) !important; margin:0 !important;
  line-height:1.5 !important; box-shadow:none !important; transition:border-color .15s ease; }
.v1-tabs-live .nav-tabs > li > a:hover { border-color:var(--text-on-light) !important; }
.v1-tabs-live .nav-tabs > li > a:active { transform:translateY(var(--line-hair)); }
.v1-tabs-live .nav-tabs > li > a:focus-visible { outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule); }
.v1-tabs-live .nav-tabs > li.active > a { background:var(--text-on-light) !important; color:var(--text-on-dark) !important;
  border-color:var(--text-on-light) !important; }
.module-products-27 .tab-container::before { display:none !important; } /* banda gri pe 200vw a tab-urilor Journal */
.module-products-27 .tab-container > .nav-tabs { margin-bottom:var(--space-4) !important; }

/* grila de oferte: 2 / 3 / 4 coloane, 12 px intre carduri, ca .pgrid */
.module-products-27 .product-grid, .module-products-9020 .product-grid { display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-3); margin:0 !important; }
.module-products-27 .product-layout, .module-products-9020 .product-layout { width:auto !important; padding:0 !important; margin:0 !important; }
.module-products-27 .tab-content, .module-products-27 .tab-pane { padding:0 !important; }

/* noutati ca .nc: imagine, nume, pret; fara brand, descriere, buton si inima */
.module-products-9020 .product-grid .product-thumb .stats, .module-products-9020 .product-grid .product-thumb .description,
.module-products-9020 .product-grid .product-thumb .buttons-wrapper, .module-products-9020 .product-grid .product-thumb .wish-group,
.module-products-9020 .product-grid .product-thumb .price-old, .module-products-9020 .product-grid .product-thumb .price::after { display:none !important; }
.module-products-9020 .product-grid .product-thumb .caption { gap:var(--space-1) !important; margin-top:var(--space-1) !important; }
.module-products-9020 .product-grid .product-thumb .price { margin-top:0 !important; }
.module-blocks-9019 .sec-head { margin-bottom:var(--space-5); }

/* banda de cabinet pe toata latimea: randul fara container, fundalul vine din .cabinet */
.route-common-home #top > .grid-rows > .grid-row.grid-row-top-8 > .grid-cols { max-width:none !important; padding-inline:0 !important; }

/* blog: titlul modulului ascuns (capul vine din 9023); articolele ca .post, cu fotografia clientei (D-17) */
.module-blog_posts-40 .module-title { display:none !important; }
.module-blog_posts-40 .post-grid { display:grid !important; grid-template-columns:1fr; gap:var(--space-3); margin:0 !important; transform:none !important; }
.module-blog_posts-40 .post-layout:nth-child(n+4) { display:none !important; }
.module-blog_posts-40 .post-layout { width:auto !important; padding:0 !important; margin:0 !important; }
.module-blog_posts-40 .post-thumb { display:flex !important; flex-direction:column; height:100%; background:var(--surface-placheta) !important;
  border:var(--line-hair) solid var(--border-default) !important; border-radius:var(--radius-m) !important; overflow:hidden;
  box-shadow:none !important; padding:0 !important; transition:border-color .15s ease; }
.module-blog_posts-40 .post-thumb:hover { border-color:var(--text-secondary-on-light) !important; }
.module-blog_posts-40 .post-thumb .image img { width:100%; aspect-ratio:5 / 3; object-fit:cover; }
.module-blog_posts-40 .p-date-image { display:none !important; }
.module-blog_posts-40 .caption { display:grid !important; gap:var(--space-2); padding:var(--space-4) !important; align-content:start; flex:1; }
.module-blog_posts-40 .post-stats { position:static !important; background:none !important; padding:0 !important; display:flex !important; gap:var(--space-2); margin:0 !important; font-family:var(--type-family-body), sans-serif !important;
  font-size:var(--type-size-micro) !important; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-secondary-on-light) !important; }
.module-blog_posts-40 .post-stats .p-comment, .module-blog_posts-40 .post-stats .p-view { display:none !important; }
.module-blog_posts-40 .post-stats span::before { display:none !important; }
.module-blog_posts-40 .name { margin:0 !important; }
.module-blog_posts-40 .name a { font-family:var(--type-family-display), Arial, sans-serif !important; font-weight:600 !important;
  font-size:var(--type-size-h3) !important; line-height:1.2 !important; color:var(--text-on-light) !important; white-space:normal !important; }
.module-blog_posts-40 .name a:hover { color:var(--text-secondary-on-light) !important; }
.module-blog_posts-40 .description { font-family:var(--type-family-body), sans-serif !important; font-size:var(--type-size-interfata) !important;
  color:var(--text-secondary-on-light) !important; margin:0 !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.module-blog_posts-40 .button-group { margin:0 !important; padding:0 !important; justify-content:flex-start !important; }
.module-blog_posts-40 .btn-read-more { background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
  font-family:var(--type-family-body), sans-serif !important; font-weight:700 !important; font-size:var(--type-size-interfata) !important;
  color:var(--text-on-light) !important; text-transform:none !important; text-decoration:underline !important; text-underline-offset:var(--space-1); }
.module-blog_posts-40 .btn-read-more:hover { color:var(--text-secondary-on-light) !important; }
.module-blog_posts-40 .btn-read-more:active { transform:translateY(var(--line-hair)); }
.module-blog_posts-40 .btn-read-more::before, .module-blog_posts-40 .btn-read-more::after { display:none !important; }
.module-blog_posts-40 a:focus-visible { outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule); }
.module-blog_posts-40 .swiper-buttons, .module-blog_posts-40 .swiper-pagination { display:none !important; }
.module-blocks-9023 .sec-head { margin-bottom:var(--space-5); }

/* tableta */
@media (min-width: 641px) {
  .route-common-home #top > .grid-rows > .grid-row.grid-row-top-2 > .grid-cols { grid-template-columns:1fr 1fr; }
  .route-common-home .grid-col-top-2-2 { grid-column:1 / -1; }
  .route-common-home .grid-col-top-2-2 > .grid-items { grid-template-columns:1fr 1fr; }
  .route-common-home .grid-col-top-2-3 { grid-column:1 / -1; }
  .route-common-home .grid-col-top-2-3 > .grid-items { grid-template-columns:2fr 1fr; }
  .route-common-home .grid-col-top-2-3 .module-products-9013 .product-grid { grid-template-columns:1fr 1fr; }
  .module-products-27 .product-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .module-products-9020 .product-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .module-blog_posts-40 .post-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

/* desktop: erou pe 16 coloane (3 / 9 / 4), filtre 1 : 3.2 */
@media (min-width: 1025px) {
  .route-common-home #top > .grid-rows > .grid-row.grid-row-top-2 > .grid-cols { grid-template-columns:3fr 9fr 4fr; }
  .route-common-home .grid-col-top-2-1 { display:block !important; }
  .route-common-home .grid-col-top-2-2 { grid-column:auto; }
  .route-common-home .grid-col-top-2-2 > .grid-items { grid-template-columns:1fr 1.1fr; }
  .route-common-home .grid-col-top-2-3 { grid-column:auto; }
  .route-common-home .grid-col-top-2-3 > .grid-items { grid-template-columns:1fr; }
  .route-common-home .grid-col-top-2-3 .module-products-9013 .product-grid { grid-template-columns:1fr; }
  .route-common-home #top > .grid-rows > .grid-row.grid-row-top-5 > .grid-cols { grid-template-columns:1fr 3.2fr; gap:var(--space-5); }
  .module-products-27 .product-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .module-products-9020 .product-grid { grid-template-columns:repeat(6, minmax(0, 1fr)); }
  .route-common-home #top > .grid-rows > .grid-row.grid-row-top-4, .route-common-home #top > .grid-rows > .grid-row.grid-row-top-9 { padding-top:var(--space-8) !important; }
  .route-common-home #top > .grid-rows > .grid-row.grid-row-top-5, .route-common-home #top > .grid-rows > .grid-row.grid-row-top-9 { padding-bottom:var(--space-8) !important; }
}

/* logo-urile de brand: Journal le da latimea din atributul height; ca in v1, inaltimea maxima 48 si latimea proportionala */
.module-blocks-9022 .brandwall img { width:auto !important; height:auto !important; max-width:100% !important; max-height:var(--space-7) !important; }