/* GENERAT de build/v1fidel/v1scope.py din 06_site/v1/components-v5.css: nu se editeaza manual. Tot sub .oo-v1; fonturile vin din v1-global-v1.css. */
.oo-v1 *{margin:0; box-sizing:border-box;}
.oo-v1{scroll-behavior:smooth;}
.oo-v1{background:var(--background-light); color:var(--text-on-light);
  font-family:var(--type-family-body), system-ui, sans-serif;
  font-size:var(--type-size-corp); line-height:1.5; -webkit-font-smoothing:antialiased;}
.oo-v1 img{max-width:100%; height:auto; display:block;}
.oo-v1 ul{list-style:none;}
.oo-v1 a{color:inherit; text-decoration:none;}
.oo-v1 button{font:inherit; cursor:pointer;}
.oo-v1 b{font-weight:600;}
.oo-v1 :focus-visible{outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule);}
.oo-v1 .wrap{max-width:1360px; margin-inline:auto; padding-inline:var(--space-4);}
.oo-v1 .eyebrow{font-weight:600; font-size:var(--type-size-micro); letter-spacing:0.12em;
  text-transform:uppercase; color:var(--text-secondary-on-light); margin-bottom:var(--space-2);}
.oo-v1 h1{font-family:var(--type-family-display), Arial, sans-serif; font-weight:700; letter-spacing:-0.02em;}
.oo-v1 h2{font-family:var(--type-family-display), Arial, sans-serif; font-weight:700; letter-spacing:-0.02em;}
.oo-v1 h3{font-family:var(--type-family-display), Arial, sans-serif; font-weight:600; letter-spacing:-0.015em;}
.oo-v1 .btn{display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2);
  padding:var(--space-3) var(--space-5); border-radius:var(--radius-m);
  font-weight:700; font-size:var(--type-size-interfata);
  transition:filter 0.15s ease, transform 0.15s ease;}
.oo-v1 .btn-primary{background:var(--accent-primary); color:var(--text-on-light);}
.oo-v1 .btn-primary:hover{filter:brightness(96%);}
.oo-v1 .btn-primary:active{filter:brightness(90%); transform:translateY(var(--line-hair));}
.oo-v1 .btn-ghost{border:var(--line-rule) solid var(--text-on-light); color:var(--text-on-light);}
.oo-v1 .btn-ghost:hover{background:var(--surface-placheta);}
.oo-v1 .btn-ghost:active{transform:translateY(var(--line-hair));}
.oo-v1 .btn-ghost.dark{border-color:var(--text-on-dark); color:var(--text-on-dark);}
.oo-v1 .btn-ghost.dark:hover{background:var(--surface-panou-inchis);}
.oo-v1 .btn[disabled], .oo-v1 button[disabled]{opacity:55%; cursor:not-allowed;}
.oo-v1 .util{border-bottom:var(--line-hair) solid var(--border-default);}
.oo-v1 .util .wrap{display:flex; gap:var(--space-4); align-items:center; justify-content:space-between;
  padding-block:var(--space-2); font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .util-promo{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.oo-v1 .util .dot{display:inline-block; width:var(--space-2); height:var(--space-2);
  border-radius:var(--radius-pill); background:var(--accent-primary); margin-right:var(--space-2);}
.oo-v1 .util-links{display:none;}
.oo-v1 .util-links a{text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .util-links a:hover{color:var(--text-on-light);}
.oo-v1 .head{background:var(--surface-placheta); border-bottom:var(--line-hair) solid var(--border-default);}
.oo-v1 .head-top{display:grid; grid-template-columns:auto 1fr; gap:var(--space-3) var(--space-5);
  align-items:center; padding-block:var(--space-3);}
.oo-v1 .brandmark img{width:auto; height:var(--space-7);}
.oo-v1 .headtools{display:flex; align-items:center; gap:var(--space-3); justify-self:end;}
.oo-v1 .tel{display:none;}
.oo-v1 .icon-btn{position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:var(--space-6); height:var(--space-6); border-radius:var(--radius-m);
  border:var(--line-hair) solid var(--border-default); transition:border-color 0.15s ease;}
.oo-v1 .icon-btn svg{width:var(--space-5); height:var(--space-5); fill:none;
  stroke:var(--text-on-light); stroke-width:var(--line-rule); stroke-linecap:round; stroke-linejoin:round;}
.oo-v1 .icon-btn:hover{border-color:var(--text-on-light);}
.oo-v1 .icon-btn:active{transform:translateY(var(--line-hair));}
.oo-v1 .cartnum{position:absolute; top:0; right:0; transform:translate(40%, -40%);
  background:var(--accent-primary); color:var(--text-on-light);
  font-size:var(--type-size-micro); font-weight:700; line-height:1;
  padding:var(--space-1); border-radius:var(--radius-pill); min-width:var(--space-4); text-align:center;}
.oo-v1 .search{grid-column:1 / -1; display:flex; border:var(--line-rule) solid var(--text-on-light);
  border-radius:var(--radius-m); overflow:hidden; background:var(--surface-placheta);}
.oo-v1 .search select{border:0; border-right:var(--line-hair) solid var(--border-default);
  background:var(--background-light); font:inherit; font-size:var(--type-size-interfata);
  padding-inline:var(--space-3); color:var(--text-on-light); display:none;}
.oo-v1 .search input{flex:1; border:0; font:inherit; font-size:var(--type-size-interfata);
  padding:var(--space-3); min-width:0; color:var(--text-on-light); background:var(--surface-placheta);}
.oo-v1 .search input::placeholder{color:var(--text-secondary-on-light);}
.oo-v1 .search input:focus-visible{outline:none;}
.oo-v1 .search:focus-within{outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule);}
.oo-v1 .search button{border:0; background:var(--text-on-light); color:var(--text-on-dark);
  font-weight:700; font-size:var(--type-size-interfata); padding-inline:var(--space-5);}
.oo-v1 .search button:hover{background:var(--surface-panou-inchis);}
.oo-v1 .search button:active{background:var(--color-espresso-adanc);}
.oo-v1 .mainnav{position:sticky; top:0; z-index:10; background:var(--surface-placheta);
  border-bottom:var(--line-hair) solid var(--border-default);}
.oo-v1 .mainnav .wrap{display:flex; align-items:center; gap:var(--space-4);}
.oo-v1 .mainnav nav{overflow-x:auto;}
.oo-v1 .mainnav nav ul{display:flex; gap:var(--space-2); padding-block:var(--space-2);}
.oo-v1 .mainnav nav a{display:inline-block; white-space:nowrap; font-size:var(--type-size-interfata);
  font-weight:500; padding:var(--space-2) var(--space-3); border-radius:var(--radius-m);
  transition:background 0.15s ease;}
.oo-v1 .mainnav nav a:hover{background:var(--background-light);}
.oo-v1 .mainnav nav a:active{background:var(--border-default);}
.oo-v1 .mainnav nav a.on{font-weight:700; box-shadow:inset 0 calc(0px - var(--line-rule)) 0 var(--accent-primary);}
.oo-v1 .mainnav nav a.sale{border:var(--line-hair) solid var(--accent-primary);}
.oo-v1 .nav-cta{display:none; align-items:center; gap:var(--space-2); white-space:nowrap;
  font-size:var(--type-size-interfata); font-weight:700;
  padding:var(--space-2) var(--space-4); border-radius:var(--radius-pill);
  border:var(--line-rule) solid var(--text-on-light); margin-left:auto;
  transition:background 0.15s ease;}
.oo-v1 .nav-cta:hover{background:var(--background-light);}
.oo-v1 .nav-cta:active{transform:translateY(var(--line-hair));}
.oo-v1 .nav-cta .pip{width:var(--space-2); height:var(--space-2); border-radius:var(--radius-pill);
  background:var(--accent-primary);}
.oo-v1 .hero{padding-block:var(--space-5);}
.oo-v1 .hero-grid{display:grid; gap:var(--space-4);}
.oo-v1 .rail{display:none; background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-4); align-self:start;}
.oo-v1 .rail-h{font-size:var(--type-size-interfata); letter-spacing:0.08em; text-transform:uppercase;
  color:var(--text-secondary-on-light); margin-bottom:var(--space-2);}
.oo-v1 .rail ul{margin-bottom:var(--space-3);}
.oo-v1 .rail li a{display:flex; justify-content:space-between; gap:var(--space-2);
  padding:var(--space-2) 0; font-size:var(--type-size-interfata);
  border-bottom:var(--line-hair) solid var(--border-default); transition:color 0.15s ease;}
.oo-v1 .rail li a i{font-style:normal; color:var(--text-secondary-on-light); font-size:var(--type-size-micro); white-space:nowrap; flex:none;}
.oo-v1 .rail li a:hover{color:var(--text-secondary-on-light);}
.oo-v1 .rail .sep{height:var(--space-2);}
.oo-v1 .rail .all a{font-weight:700; font-size:var(--type-size-interfata); text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .rail .all a:hover{color:var(--text-secondary-on-light);}
.oo-v1 .slide{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-5); display:grid; gap:var(--space-5);}
.oo-v1 .chip-sale{display:inline-block; background:var(--accent-primary); color:var(--text-on-light);
  font-size:var(--type-size-micro); font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
  padding:var(--space-1) var(--space-2); border-radius:var(--radius-s); margin-bottom:var(--space-3); align-self:start;}
.oo-v1 .slide-copy h1{font-size:var(--type-size-h1m); line-height:1.05; margin-bottom:var(--space-3);}
.oo-v1 .slide-copy h1 em{font-style:normal; color:var(--text-secondary-on-light);}
.oo-v1 .slide-copy p{color:var(--text-secondary-on-light); max-width:44ch; margin-bottom:var(--space-4);}
.oo-v1 .btnrow{display:flex; flex-wrap:wrap; gap:var(--space-3);}
.oo-v1 .dots{display:flex; gap:var(--space-2); margin-top:var(--space-4);}
.oo-v1 .dots i{width:var(--space-2); height:var(--space-2); border-radius:var(--radius-pill); background:var(--border-default);}
.oo-v1 .dots i.on{background:var(--text-on-light);}
.oo-v1 .stage{position:relative; background:var(--background-light); border-radius:var(--radius-m);
  padding:var(--space-4); display:grid; gap:var(--space-3);}
.oo-v1 .stage .badge{position:absolute; top:var(--space-3); left:var(--space-3);}
.oo-v1 .shotbig img{mix-blend-mode:multiply; margin-inline:auto; width:100%; max-width:34rem;}
.oo-v1 .stage figcaption{display:grid; gap:var(--space-1);}
.oo-v1 .stage .b{font-weight:600; font-size:var(--type-size-interfata);}
.oo-v1 .stage .n{font-family:var(--type-family-display), Arial, sans-serif; font-weight:700; font-size:var(--type-size-h3);}
.oo-v1 .stage .d{color:var(--text-secondary-on-light); font-size:var(--type-size-legenda);}
.oo-v1 .stage .pr b{font-weight:700; font-variant-numeric:tabular-nums;}
.oo-v1 .stage .pr s{color:var(--text-secondary-on-light); font-size:var(--type-size-legenda); margin-left:var(--space-2); font-variant-numeric:tabular-nums; white-space:nowrap;}
.oo-v1 .stage .add{justify-self:start; font-weight:700; font-size:var(--type-size-interfata);
  background:var(--accent-primary); color:var(--text-on-light);
  padding:var(--space-2) var(--space-4); border-radius:var(--radius-m); transition:filter 0.15s ease;}
.oo-v1 .stage .add:hover{filter:brightness(96%);}
.oo-v1 .stage .add:active{filter:brightness(90%);}
.oo-v1 .badge{display:inline-block; background:var(--accent-primary); color:var(--text-on-light);
  font-size:var(--type-size-micro); font-weight:700; padding:var(--space-1) var(--space-2);
  border-radius:var(--radius-s); font-variant-numeric:tabular-nums;}
.oo-v1 .badge.nou{background:var(--text-on-light); color:var(--text-on-dark);}
.oo-v1 .hero-side{display:grid; gap:var(--space-3);}
.oo-v1 .mini{position:relative; display:grid; grid-template-columns:auto 1fr; gap:var(--space-3); align-items:center;
  background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-3); transition:border-color 0.15s ease;}
.oo-v1 .mini:hover{border-color:var(--text-secondary-on-light);}
.oo-v1 .mini:active{transform:translateY(var(--line-hair));}
.oo-v1 .mini .badge{position:absolute; top:var(--space-2); left:var(--space-2);}
.oo-v1 .mini img{mix-blend-mode:multiply;}
.oo-v1 .mini-meta{display:grid; gap:var(--space-1);}
.oo-v1 .mini .b{font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .mini .n{font-weight:600; font-size:var(--type-size-interfata);}
.oo-v1 .mini .pr b{font-weight:700; font-variant-numeric:tabular-nums;}
.oo-v1 .mini .pr s{color:var(--text-secondary-on-light); font-size:var(--type-size-legenda); margin-left:var(--space-2);}
.oo-v1 .mini .cta{font-size:var(--type-size-legenda); font-weight:600; text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .cab-card{background:var(--background-dark); color:var(--text-on-dark); border-radius:var(--radius-m);
  padding:var(--space-4); display:grid; gap:var(--space-2); align-content:start;}
.oo-v1 .cab-card b{font-family:var(--type-family-display), Arial, sans-serif; font-weight:600; font-size:var(--type-size-h3); line-height:1.15;}
.oo-v1 .cab-card span{color:var(--text-secondary-on-dark); font-size:var(--type-size-interfata);}
.oo-v1 .cab-card a{justify-self:start; font-weight:700; font-size:var(--type-size-interfata);
  background:var(--accent-primary); color:var(--text-on-light);
  padding:var(--space-2) var(--space-4); border-radius:var(--radius-m); margin-top:var(--space-2);
  transition:filter 0.15s ease;}
.oo-v1 .cab-card a:hover{filter:brightness(96%);}
.oo-v1 .cab-card a:active{filter:brightness(90%);}
.oo-v1 .trust{padding-block:var(--space-4);}
.oo-v1 .trust-grid{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); margin-bottom:var(--space-4);}
.oo-v1 .trust-item{display:flex; gap:var(--space-3); align-items:center;
  background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-3);}
.oo-v1 .trust-item img{width:var(--space-6); height:var(--space-6); mix-blend-mode:multiply;}
.oo-v1 .trust-item b{display:block; font-size:var(--type-size-interfata);}
.oo-v1 .trust-item span{color:var(--text-secondary-on-light); font-size:var(--type-size-legenda);}
.oo-v1 .campaign{display:grid; border:var(--line-hair) solid var(--border-default);
  background:var(--surface-placheta); border-radius:var(--radius-m); overflow:hidden;}
.oo-v1 .campaign img{width:100%; height:100%; object-fit:cover; object-position:left center;}
.oo-v1 .campaign .cta{display:flex; flex-direction:column; justify-content:center;
  gap:var(--space-2); padding:var(--space-4) var(--space-5);}
.oo-v1 .campaign .cta b{font-family:var(--type-family-display), Arial, sans-serif; font-size:var(--type-size-h3); line-height:1.15;}
.oo-v1 .campaign .cta .sub{font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .campaign .cta .btn{align-self:flex-start;}
.oo-v1 .campaign:hover img{filter:brightness(98%);}
.oo-v1 .section{padding-block:var(--space-7);}
.oo-v1 .section.tight{padding-top:0;}
.oo-v1 .sec-head{display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between;
  gap:var(--space-3); margin-bottom:var(--space-5);}
.oo-v1 .sec-head h2{font-size:var(--type-size-h2m);}
.oo-v1 .tabs{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.oo-v1 .tabs a{font-size:var(--type-size-interfata); font-weight:500; padding:var(--space-1) var(--space-3);
  border-radius:var(--radius-pill); border:var(--line-hair) solid var(--border-default);
  transition:border-color 0.15s ease;}
.oo-v1 .tabs a:hover{border-color:var(--text-on-light);}
.oo-v1 .tabs a:active{transform:translateY(var(--line-hair));}
.oo-v1 .tabs a.on{background:var(--text-on-light); color:var(--text-on-dark); border-color:var(--text-on-light);}
.oo-v1 .split{display:grid; gap:var(--space-5);}
.oo-v1 .filters-wrap{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); align-self:start;}
.oo-v1 .filters-toggle{list-style:none; cursor:pointer; font-weight:700; font-size:var(--type-size-interfata);
  padding:var(--space-3) var(--space-4);}
.oo-v1 .filters-toggle::-webkit-details-marker{display:none;}
.oo-v1 .filters-toggle::after{content:"+"; float:right; color:var(--text-secondary-on-light);}
.oo-v1 .filters-wrap[open] .filters-toggle::after{content:"−";}
.oo-v1 .filters-toggle:hover{color:var(--text-secondary-on-light);}
.oo-v1 .filters{padding:0 var(--space-4) var(--space-4);}
.oo-v1 .filters h3{display:flex; justify-content:space-between; align-items:baseline;
  font-size:var(--type-size-interfata); margin-bottom:var(--space-3);}
.oo-v1 .filters h3 .fh{display:none;}
.oo-v1 .filters h3 a{font-family:var(--type-family-body), sans-serif; font-weight:500;
  font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);
  text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .filters h3 a:hover{color:var(--text-on-light);}
.oo-v1 .fgroup{padding-block:var(--space-3); border-top:var(--line-hair) solid var(--border-default);}
.oo-v1 .fgroup > b{display:block; font-size:var(--type-size-interfata); margin-bottom:var(--space-2);}
.oo-v1 .frow{display:flex; align-items:center; gap:var(--space-2); font-size:var(--type-size-interfata);
  padding-block:var(--space-1); cursor:pointer;}
.oo-v1 .frow em{font-style:normal; margin-left:auto; color:var(--text-secondary-on-light); font-size:var(--type-size-micro);}
.oo-v1 .frow input{position:absolute; opacity:0; width:0; height:0;}
.oo-v1 .frow .box{width:var(--space-4); height:var(--space-4); border:var(--line-rule) solid var(--text-secondary-on-light);
  border-radius:var(--radius-s); flex:none; transition:background 0.15s ease, border-color 0.15s ease;}
.oo-v1 .frow:hover .box{border-color:var(--text-on-light);}
.oo-v1 .frow input:checked + .box{background:var(--text-on-light); border-color:var(--text-on-light);
  background-clip:content-box; padding:var(--line-rule);}
.oo-v1 .frow input:focus-visible + .box{outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule);}
.oo-v1 .range input{width:100%; accent-color:var(--color-espresso);}
.oo-v1 .rvals{display:flex; justify-content:space-between; font-size:var(--type-size-micro);
  color:var(--text-secondary-on-light); margin-top:var(--space-1); font-variant-numeric:tabular-nums;}
.oo-v1 .pgrid{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); min-width:0;}
.oo-v1 .pgrid > .card, .oo-v1 .hero-grid > *, .oo-v1 .split > *, .oo-v1 .cats > .cat, .oo-v1 .newrail > .nc{min-width:0;}
.oo-v1 .card > *, .oo-v1 .nc > *, .oo-v1 .cat > *, .oo-v1 .mini > *, .oo-v1 .slide > *, .oo-v1 .stage > *{min-width:0;}
.oo-v1 .card{position:relative; display:grid; grid-template-rows:auto auto 1fr auto auto;
  background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-3); transition:border-color 0.15s ease;}
.oo-v1 .card:hover{border-color:var(--text-secondary-on-light);}
.oo-v1 .card .badge{position:absolute; top:var(--space-3); left:var(--space-3); z-index:1;}
.oo-v1 .card .shot{position:relative; aspect-ratio:4 / 3; display:grid; place-items:center; overflow:hidden;}
.oo-v1 .card .shot img{mix-blend-mode:multiply; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}
.oo-v1 .card .wish{position:absolute; top:0; right:0; display:inline-flex; padding:var(--space-1);
  border-radius:var(--radius-m);}
.oo-v1 .card .wish svg{width:var(--space-5); height:var(--space-5); fill:none;
  stroke:var(--text-secondary-on-light); stroke-width:var(--line-rule);}
.oo-v1 .card .wish:hover svg{stroke:var(--accent-primary);}
.oo-v1 .card .wish:active{transform:translateY(var(--line-hair));}
.oo-v1 .card .meta{display:grid; gap:var(--space-1); margin-top:var(--space-2);}
.oo-v1 .card .brand{font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .card .name{font-family:var(--type-family-body), sans-serif; font-weight:600; font-size:var(--type-size-interfata); letter-spacing:0;}
.oo-v1 .card .desc{font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);
  min-height:calc(var(--space-5) + var(--space-3));}
.oo-v1 .priceline{display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-1) var(--space-2); margin-top:var(--space-2);}
.oo-v1 .priceline b{font-weight:700; font-variant-numeric:tabular-nums;}
.oo-v1 .priceline s{color:var(--text-secondary-on-light); font-size:var(--type-size-legenda); font-variant-numeric:tabular-nums;}
.oo-v1 .priceline .stoc{margin-left:auto; font-size:var(--type-size-micro); font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase;}
.oo-v1 .buy{margin-top:var(--space-2);}
.oo-v1 .buy button{width:100%; border:0; background:var(--accent-primary); color:var(--text-on-light);
  font-weight:700; font-size:var(--type-size-interfata); padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-m); transition:filter 0.15s ease;}
.oo-v1 .buy button:hover{filter:brightness(96%);}
.oo-v1 .buy button:active{filter:brightness(90%);}
.oo-v1 .cats{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3);}
.oo-v1 .cat{display:grid; gap:var(--space-1); background:var(--surface-placheta);
  border:var(--line-hair) solid var(--border-default); border-radius:var(--radius-m);
  padding:var(--space-3); transition:border-color 0.15s ease;}
.oo-v1 .cat:hover{border-color:var(--text-secondary-on-light);}
.oo-v1 .cat:active{transform:translateY(var(--line-hair));}
.oo-v1 .cat .ph{aspect-ratio:4 / 3; display:grid; place-items:center; overflow:hidden; border-radius:var(--radius-s);}
.oo-v1 .cat .ph img{mix-blend-mode:multiply; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}
.oo-v1 .cat .ph.photo img{mix-blend-mode:normal; width:100%; height:100%; object-fit:cover;}
.oo-v1 .cat b{font-family:var(--type-family-display), Arial, sans-serif; font-weight:600; font-size:var(--type-size-h3);}
.oo-v1 .cat > span:last-child{font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);
  text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .newrail{display:grid; grid-auto-flow:column; grid-auto-columns:70%; gap:var(--space-3);
  overflow-x:auto; padding-bottom:var(--space-2);}
.oo-v1 .nc{position:relative; display:grid; gap:var(--space-1); background:var(--surface-placheta);
  border:var(--line-hair) solid var(--border-default); border-radius:var(--radius-m);
  padding:var(--space-3); transition:border-color 0.15s ease;}
.oo-v1 .nc:hover{border-color:var(--text-secondary-on-light);}
.oo-v1 .nc:active{transform:translateY(var(--line-hair));}
.oo-v1 .nc .badge{position:absolute; top:var(--space-2); left:var(--space-2); z-index:1;}
.oo-v1 .nc .shot{aspect-ratio:4 / 3; display:grid; place-items:center; overflow:hidden;}
.oo-v1 .nc .shot img{mix-blend-mode:multiply; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}
.oo-v1 .nc .n{font-weight:600; font-size:var(--type-size-interfata);}
.oo-v1 .nc .p{font-weight:700; font-size:var(--type-size-interfata); font-variant-numeric:tabular-nums;}
.oo-v1 .cabinet{background:var(--background-dark); color:var(--text-on-dark); padding-block:var(--space-8);}
.oo-v1 .cabinet .eyebrow{color:var(--text-secondary-on-dark);}
.oo-v1 .cab-grid{display:grid; gap:var(--space-6);}
.oo-v1 .cab-copy h2{font-size:var(--type-size-h2m); margin-bottom:var(--space-3);}
.oo-v1 .cab-copy > p{color:var(--text-secondary-on-dark); max-width:60ch; margin-bottom:var(--space-4);}
.oo-v1 .consults{display:grid; gap:var(--space-3); margin-bottom:var(--space-5);}
.oo-v1 .consult{border-left:var(--line-rule) solid var(--accent-primary); padding-left:var(--space-3);}
.oo-v1 .consult b{display:block; margin-bottom:var(--space-1);}
.oo-v1 .consult span{color:var(--text-secondary-on-dark); font-size:var(--type-size-interfata);}
.oo-v1 .docs{background:var(--surface-panou-inchis); border-radius:var(--radius-m); padding:var(--space-5); align-self:start;}
.oo-v1 .docs h3{font-size:var(--type-size-h3); margin-bottom:var(--space-3);}
.oo-v1 .docs li{display:flex; align-items:center; gap:var(--space-3); padding-block:var(--space-2);
  border-bottom:var(--line-hair) solid var(--color-espresso);}
.oo-v1 .docs .ini{display:inline-grid; place-items:center; width:var(--space-6); height:var(--space-6);
  border-radius:var(--radius-pill); background:var(--background-light); color:var(--text-on-light);
  font-size:var(--type-size-micro); font-weight:700; letter-spacing:0.08em;}
.oo-v1 .docs .adr{color:var(--text-secondary-on-dark); font-size:var(--type-size-interfata);
  line-height:1.7; margin-top:var(--space-3);}
.oo-v1 .with-giant{display:flex; align-items:baseline; gap:var(--space-4);}
.oo-v1 .giant{color:var(--accent-primary);}
.oo-v1 .brandwall{display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-3); margin-bottom:var(--space-5);}
.oo-v1 .brandwall a{display:grid; place-items:center; background:var(--surface-placheta);
  border:var(--line-hair) solid var(--border-default); border-radius:var(--radius-m);
  padding:var(--space-3); transition:border-color 0.15s ease;}
.oo-v1 .brandwall a:hover{border-color:var(--text-secondary-on-light);}
.oo-v1 .brandwall a:active{transform:translateY(var(--line-hair));}
.oo-v1 .brandwall img{mix-blend-mode:multiply; max-height:var(--space-7); width:auto;}
.oo-v1 .brandlist{display:flex; flex-wrap:wrap; gap:var(--space-1) var(--space-3);
  font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .brandlist a{padding-block:var(--space-1); text-decoration:underline;
  text-underline-offset:var(--space-1); text-decoration-color:var(--border-default);
  transition:color 0.15s ease;}
.oo-v1 .brandlist a:hover{color:var(--text-on-light);}
.oo-v1 .posts{display:grid; gap:var(--space-3);}
.oo-v1 .post{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-4); display:grid; gap:var(--space-2);
  align-content:start;}
.oo-v1 .post .d{font-size:var(--type-size-micro); font-weight:600; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--text-secondary-on-light);}
.oo-v1 .post h3{font-size:var(--type-size-h3); line-height:1.2;}
.oo-v1 .post p:not(.d){font-size:var(--type-size-interfata); color:var(--text-secondary-on-light);}
.oo-v1 .post a{font-weight:700; font-size:var(--type-size-interfata); text-decoration:underline;
  text-underline-offset:var(--space-1);}
.oo-v1 .post a:hover{color:var(--text-secondary-on-light);}
.oo-v1 footer{background:var(--background-dark); color:var(--text-on-dark); margin-top:var(--space-7);}
.oo-v1 footer .wrap{padding-block:var(--space-7) var(--space-5);}
.oo-v1 .fgrid{display:grid; gap:var(--space-6); margin-bottom:var(--space-6);}
.oo-v1 .fcol-brand .logo{display:inline-block; background:var(--surface-placheta);
  border-radius:var(--radius-m); padding:var(--space-2) var(--space-3); margin-bottom:var(--space-3);}
.oo-v1 .fcol-brand .logo img{width:auto; height:calc(var(--space-8) + var(--space-8));}
.oo-v1 .about{color:var(--text-secondary-on-dark); font-size:var(--type-size-interfata);
  line-height:1.6; max-width:36ch;}
.oo-v1 .about + .about{margin-top:var(--space-3);}
.oo-v1 footer h4{font-family:var(--type-family-display), Arial, sans-serif; font-weight:600;
  font-size:var(--type-size-interfata); letter-spacing:0.08em; text-transform:uppercase;
  margin-bottom:var(--space-3);}
.oo-v1 .fgrid li a{display:inline-block; color:var(--text-secondary-on-dark);
  font-size:var(--type-size-interfata); padding-block:var(--space-1);
  transition:color 0.15s ease;}
.oo-v1 .fgrid li a:hover{color:var(--text-on-dark);}
.oo-v1 .news-p{font-size:var(--type-size-interfata); color:var(--text-secondary-on-dark); margin-bottom:var(--space-3);}
.oo-v1 .news-form{display:flex; border-radius:var(--radius-m); overflow:hidden;}
.oo-v1 .news-form input{flex:1; min-width:0; border:0; font:inherit; font-size:var(--type-size-interfata);
  padding:var(--space-3); background:var(--surface-placheta); color:var(--text-on-light);}
.oo-v1 .news-form input::placeholder{color:var(--text-secondary-on-light);}
.oo-v1 .news-form button{border:0; background:var(--accent-primary); color:var(--text-on-light);
  font-weight:700; font-size:var(--type-size-interfata); padding-inline:var(--space-4);
  transition:filter 0.15s ease;}
.oo-v1 .news-form button:hover{filter:brightness(96%);}
.oo-v1 .news-form button:active{filter:brightness(90%);}
.oo-v1 .gdpr{display:flex; gap:var(--space-2); align-items:start; font-size:var(--type-size-legenda);
  color:var(--text-secondary-on-dark); margin-top:var(--space-3); cursor:pointer;}
.oo-v1 .fbot{display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-4); justify-content:space-between;
  border-top:var(--line-hair) solid var(--surface-panou-inchis); padding-top:var(--space-4);
  font-size:var(--type-size-legenda); color:var(--text-secondary-on-dark);}
.oo-v1 .cui{display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-4);}
.oo-v1 .cui a{text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .cui a:hover{color:var(--text-on-dark);}
@media (min-width: 641px){.oo-v1 .wrap{padding-inline:var(--space-6);}
.oo-v1 .util-links{display:flex; gap:var(--space-4);}
.oo-v1 .head-top{grid-template-columns:auto 1fr auto;}
.oo-v1 .search{grid-column:auto;}
.oo-v1 .search select{display:block;}
.oo-v1 .nav-cta{display:inline-flex;}
.oo-v1 .hero-grid{grid-template-columns:1fr 1fr;}
.oo-v1 .slide{grid-column:1 / -1; grid-template-columns:1fr 1fr; align-items:center;}
.oo-v1 .slide-copy h1{font-size:var(--type-size-h1m);}
.oo-v1 .hero-side{grid-column:1 / -1; grid-template-columns:1fr 1fr 1fr;}
.oo-v1 .trust-grid{grid-template-columns:repeat(4, 1fr);}
.oo-v1 .campaign{grid-template-columns:1.9fr 1fr;}
.oo-v1 .sec-head h2{font-size:var(--type-size-h2);}
.oo-v1 .pgrid{grid-template-columns:repeat(3, 1fr);}
.oo-v1 .cats{grid-template-columns:repeat(2, 1fr);}
.oo-v1 .newrail{grid-auto-columns:32%;}
.oo-v1 .cab-grid{grid-template-columns:1.4fr 1fr;}
.oo-v1 .cab-copy h2{font-size:var(--type-size-h2);}
.oo-v1 .brandwall{grid-template-columns:repeat(5, 1fr);}
.oo-v1 .posts{grid-template-columns:repeat(3, 1fr);}
.oo-v1 .fgrid{grid-template-columns:1.4fr 1fr 1fr 1.4fr;}}
@media (min-width: 1025px){.oo-v1 .hero-grid{grid-template-columns:repeat(16, 1fr);}
.oo-v1 .rail{display:block; grid-column:span 3;}
.oo-v1 .slide{grid-column:span 9; grid-template-columns:1fr 1.1fr;}
.oo-v1 .hero-side{grid-column:span 4; grid-template-columns:1fr; align-content:start;}
.oo-v1 .slide-copy h1{font-size:var(--type-size-h2);}
.oo-v1 .split{grid-template-columns:1fr 3.2fr;}
.oo-v1 .filters-toggle{display:none;}
.oo-v1 .filters{padding-top:var(--space-4);}
.oo-v1 .filters h3 .fh{display:inline;}
.oo-v1 .pgrid{grid-template-columns:repeat(4, 1fr);}
.oo-v1 .cats{grid-template-columns:repeat(4, 1fr);}
.oo-v1 .newrail{grid-auto-flow:row; grid-template-columns:repeat(6, 1fr); overflow:visible;}
.oo-v1 .brandwall{grid-template-columns:repeat(7, 1fr);}
.oo-v1 .section{padding-block:var(--space-8);}}
.oo-v1 .crumbs{display:flex; gap:var(--space-2); align-items:baseline; padding-block:var(--space-3);
  font-size:var(--type-size-legenda); color:var(--text-secondary-on-light);}
.oo-v1 .crumbs a{text-decoration:underline; text-underline-offset:var(--space-1);}
.oo-v1 .crumbs a:hover{color:var(--text-on-light);}
.oo-v1 .page-hero{padding-block:var(--space-6) var(--space-7);}
.oo-v1 .page-hero h1{font-size:var(--type-size-h1m); line-height:1.05; margin-bottom:var(--space-3); max-width:22ch;}
.oo-v1 .page-hero .lead{font-size:var(--type-size-corp); color:var(--text-secondary-on-light);
  max-width:62ch; line-height:1.6;}
.oo-v1 .page-hero .btnrow{margin-top:var(--space-5);}
.oo-v1 .page-hero.dark{background:var(--background-dark); color:var(--text-on-dark);}
.oo-v1 .page-hero.dark .eyebrow{color:var(--text-secondary-on-dark);}
.oo-v1 .page-hero.dark .lead{color:var(--text-secondary-on-dark);}
.oo-v1 .page-hero-grid{display:grid; gap:var(--space-6);}
.oo-v1 .docs-h{font-size:var(--type-size-h3); margin-bottom:var(--space-3);}
.oo-v1 .prose-grid{display:grid; gap:var(--space-6); align-items:start;}
.oo-v1 .prose h2{font-size:var(--type-size-h3); margin:var(--space-5) 0 var(--space-3);}
.oo-v1 .prose h2:first-child{margin-top:0;}
.oo-v1 .prose p{margin-bottom:var(--space-3); line-height:1.65; max-width:68ch;}
.oo-v1 .prose .motto{font-family:var(--type-family-display), Arial, sans-serif; font-weight:600;
  font-size:var(--type-size-h3); line-height:1.35; border-left:var(--line-rule) solid var(--accent-primary);
  padding-left:var(--space-4); margin-bottom:var(--space-4); max-width:60ch;}
.oo-v1 ul.checks{margin-bottom:var(--space-4); max-width:68ch;}
.oo-v1 ul.checks li{position:relative; padding-left:var(--space-5); margin-bottom:var(--space-2); line-height:1.5;}
.oo-v1 ul.checks li::before{content:""; position:absolute; left:0; top:var(--space-2);
  width:var(--space-2); height:var(--space-2); border-radius:var(--radius-pill); background:var(--accent-primary);}
.oo-v1 .side-card{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-5); display:grid; gap:var(--space-3);
  align-content:start; justify-items:start;}
.oo-v1 .side-h{font-size:var(--type-size-h3);}
.oo-v1 .side-card p{color:var(--text-secondary-on-light); font-size:var(--type-size-interfata); line-height:1.55;}
.oo-v1 .side-note{font-variant-numeric:tabular-nums;}
.oo-v1 .contact-grid{display:grid; gap:var(--space-4); margin-bottom:var(--space-5);}
.oo-v1 .loc-card{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-5);}
.oo-v1 .loc-line{font-size:var(--type-size-interfata); color:var(--text-secondary-on-light);
  margin-bottom:var(--space-2); line-height:1.55;}
.oo-v1 .hours{border-collapse:collapse; width:100%; margin-block:var(--space-3); font-size:var(--type-size-interfata);}
.oo-v1 .hours td{padding:var(--space-2) 0; border-bottom:var(--line-hair) solid var(--border-default);}
.oo-v1 .hours td:last-child{text-align:right; font-weight:600; font-variant-numeric:tabular-nums;}
.oo-v1 .contact-form{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); padding:var(--space-5); display:grid; gap:var(--space-3);
  align-content:start;}
.oo-v1 .contact-form label{display:grid; gap:var(--space-1); font-size:var(--type-size-interfata); font-weight:600;}
.oo-v1 .contact-form input[type="text"], .oo-v1 .contact-form input[type="email"], .oo-v1 .contact-form input[type="tel"], .oo-v1 .contact-form textarea{border:var(--line-hair) solid var(--text-secondary-on-light);
  border-radius:var(--radius-s); padding:var(--space-2) var(--space-3); font:inherit;
  font-weight:400; background:var(--surface-placheta); color:var(--text-on-light);}
.oo-v1 .contact-form input:hover, .oo-v1 .contact-form textarea:hover{border-color:var(--text-on-light);}
.oo-v1 .contact-form input:focus-visible, .oo-v1 .contact-form textarea:focus-visible{outline:var(--line-rule) solid var(--text-on-light); outline-offset:0;}
.oo-v1 .gdpr.light{color:var(--text-secondary-on-light); font-weight:400; display:flex;}
.oo-v1 .map-wrap{border:var(--line-hair) solid var(--border-default); border-radius:var(--radius-m);
  overflow:hidden;}
.oo-v1 .map-wrap iframe{display:block; width:100%; aspect-ratio:16 / 7; border:0;}
.oo-v1 .frame-wrap{background:var(--surface-placheta); border:var(--line-hair) solid var(--border-default);
  border-radius:var(--radius-m); overflow:hidden;}
.oo-v1 .frame-wrap iframe{display:block; width:100%; border:0; aspect-ratio:4 / 5;}
.oo-v1 .frame-note{margin-top:var(--space-3); font-size:var(--type-size-interfata);
  color:var(--text-secondary-on-light);}
.oo-v1 .blog-list .post-t{font-size:var(--type-size-h3); line-height:1.2;}
.oo-v1 .blog-list .post-t a{font-size:inherit; font-weight:inherit; text-decoration:none;}
.oo-v1 .blog-list .post-t a:hover{color:var(--text-secondary-on-light);}
.oo-v1 .blog-list .more{font-weight:700; font-size:var(--type-size-interfata); text-decoration:underline;
  text-underline-offset:var(--space-1);}
@media (min-width: 641px){.oo-v1 .page-hero h1{font-size:var(--type-size-h2);}
.oo-v1 .page-hero-grid{grid-template-columns:1.4fr 1fr;}
.oo-v1 .prose-grid{grid-template-columns:1.8fr 1fr;}
.oo-v1 .contact-grid{grid-template-columns:1fr 1fr;}
.oo-v1 .blog-list{grid-template-columns:repeat(2, 1fr);}
.oo-v1 .frame-wrap iframe{aspect-ratio:16 / 10;}}
@media (min-width: 1025px){.oo-v1 .page-hero h1{font-size:var(--type-size-h1);}
.oo-v1 .contact-grid{grid-template-columns:1fr 1fr 1.3fr;}
.oo-v1 .blog-list{grid-template-columns:repeat(3, 1fr);}}
.oo-v1 .t-h1{font-family:"Familjen Grotesk", Arial, sans-serif; font-weight:700; font-size:clamp(34px, 4.4vw, 63px); line-height:1.05; letter-spacing:-0.02em;}
.oo-v1 .t-h2{font-family:"Familjen Grotesk", Arial, sans-serif; font-weight:700; font-size:clamp(28px, 2.8vw, 39px); line-height:1.1; letter-spacing:-0.02em;}
.oo-v1 .t-h3{font-family:"Familjen Grotesk", Arial, sans-serif; font-weight:600; font-size:clamp(19px, 1.7vw, 24px); line-height:1.15; letter-spacing:-0.015em;}
.oo-v1 .t-giant{font-family:"Familjen Grotesk", Arial, sans-serif; font-weight:700; font-size:clamp(96px, 9vw, 128px); line-height:0.9; letter-spacing:-0.02em;}
.oo-v1 .t-body{font-family:Onest, system-ui, sans-serif; font-weight:400; font-size:15px; line-height:1.5;}
.oo-v1 .t-ui{font-family:Onest, system-ui, sans-serif; font-weight:500; font-size:13px; line-height:1.3;}
.oo-v1 .t-cap{font-family:Onest, system-ui, sans-serif; font-weight:400; font-size:12px; line-height:1.3;}
.oo-v1 .t-micro{font-family:Onest, system-ui, sans-serif; font-weight:600; font-size:11px; line-height:1.3; letter-spacing:0.12em; text-transform:uppercase;}