:root{font:16px/1.45 system-ui,sans-serif;color:#283b31;background:#edf1ea;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-width:0}
a{color:inherit}
button,select{font:inherit;color:inherit}
button,select,.cta{border:1px solid #ccd8cc;background:#fff;border-radius:8px;padding:.55rem .75rem}
button:not(:disabled),select{cursor:pointer}
button:disabled{opacity:.48}
:focus-visible{outline:3px solid #43684c;outline-offset:3px}
.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:.6rem max(14px,calc((100% - 1160px)/2));background:#f9faf6;border-bottom:1px solid #dce4d9}
.wordmark{display:flex;align-items:center;gap:9px;font-size:.75rem;font-weight:750;text-decoration:none;white-space:nowrap}
.wordmark img{object-fit:contain}
.top-links{display:flex;flex-wrap:wrap;gap:3px 14px;font-size:.78rem}
.stage{padding:12px 12px 0}
.book{margin:auto;width:min(100%,1160px);perspective:1500px;touch-action:pan-y pinch-zoom}
.sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;aspect-ratio:16/9;padding:clamp(12px,2vw,26px);border:1px solid #d4ded2;border-radius:12px;background:linear-gradient(90deg,#fbfcf8 49.3%,#e4ebe1 50%,#fbfcf8 50.7%);box-shadow:0 10px 28px #344a3617;transform-origin:left center}
.sheet header{display:flex;align-items:center;gap:12px;z-index:1}
.section-number{white-space:nowrap;font-size:.71rem;font-weight:700;background:#e8eee4;border-radius:5px;padding:3px 7px}
h1,h2,p,figure{margin:0}
h1{font-size:clamp(1.05rem,2.2vw,1.65rem);line-height:1.15}
h2{font-size:1rem}
h1 a,h2 a{text-decoration:none}
h1 a:hover,h2 a:hover{text-decoration:underline}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;min-height:0;min-width:0}
.gallery figure{display:flex;flex-direction:column;min-height:0;min-width:0}
.picture{position:relative;display:grid;flex:1;min-height:0;min-width:0;background:#f1f5ef;border:1px solid #dce5db;border-radius:8px}
.picture a{display:block;min-width:0;min-height:0}
.picture img{width:100%;height:100%;display:block;object-fit:contain}
figcaption{font-size:.76rem;padding:.28rem .1rem;color:#425b49}
.zoom{position:absolute;top:5px;right:5px;font-size:1.1rem;line-height:1;width:36px;height:36px;padding:0}
.overview .gallery{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1.3fr 1fr}
.overview figure:first-child{grid-column:1/-1}
.sheet footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:.88rem}
.actions{display:flex;flex-wrap:wrap;gap:6px}
.cta{display:inline-block;color:#284935;background:#e1eddf;text-decoration:none;font-size:.82rem;font-weight:700}
.cta:hover{background:#d1e4ce}
.package{display:grid;align-content:center;justify-items:stretch;min-width:0;border:1px solid #d7e2d5;border-radius:10px;background:#f0f5ec;overflow-wrap:anywhere;transition:transform .22s ease,box-shadow .22s ease}
.package:hover{transform:translateY(-3px) rotateX(1.4deg);box-shadow:0 12px 22px rgba(36,65,45,.16)}
.package-card{display:grid;align-content:center;justify-items:start;gap:.6rem;padding:clamp(10px,2vw,24px);min-height:100%;color:inherit;text-decoration:none}
.package strong{font-size:.89rem}
.package p{font-size:.84rem}
.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:12px;font-size:.82rem}
.controls select{max-width:min(42vw,210px)}
.controls output{font-variant-numeric:tabular-nums}
.lightbox{max-width:95vw;max-height:95dvh;border:0;border-radius:12px;padding:12px;background:#fff}
.lightbox::backdrop{background:#182820d9}
.lightbox button{display:block;margin:0 0 8px auto}
.lightbox img{display:block;max-width:calc(95vw - 24px);max-height:calc(95dvh - 72px);object-fit:contain}
.forward{animation:forward .37s ease-out}
.backward{transform-origin:right center;animation:backward .37s ease-out}
@keyframes forward{from{transform:rotateY(-23deg);opacity:.48}to{transform:none;opacity:1}}
@keyframes backward{from{transform:rotateY(23deg);opacity:.48}to{transform:none;opacity:1}}
[data-format=mobile] .book{max-width:450px}
[data-format=mobile] .sheet{aspect-ratio:9/16;background:#fbfcf8;min-height:min-content;padding:12px}
[data-format=mobile] .gallery{grid-auto-flow:row;grid-auto-rows:minmax(0,1fr)}
[data-format=mobile] .overview .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
[data-format=mobile] .packages .gallery{grid-auto-rows:auto}
[data-format=mobile] .package{grid-template-columns:1fr auto;gap:.28rem .5rem;align-items:center}
[data-format=mobile] .package strong{text-align:right}
@media(max-width:550px){
 .topbar{padding-inline:10px}
 .top-links{gap:3px 7px}
 [data-format=desktop] .sheet{aspect-ratio:auto;min-height:260px}
 [data-format=desktop] .picture{min-height:76px}
 [data-format=desktop] .packages .gallery{grid-auto-flow:row}
}

/* Otvorena knjiga: dvije stvarne stranice na velikom zaslonu. */
[data-format=desktop] .book-spread{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  aspect-ratio:16/9;
  overflow:visible;
  filter:drop-shadow(0 16px 24px rgba(41,67,42,.15));
}
[data-format=desktop] .book-spread .sheet{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr) auto;
  width:100%;height:100%;min-height:0;aspect-ratio:auto;
  padding:clamp(12px,1.8vw,22px);
  gap:clamp(7px,.8vw,11px);
  box-shadow:none;
}
[data-format=desktop] .book-spread .sheet:nth-child(odd){
  border-radius:14px 2px 2px 14px;
  background:linear-gradient(90deg,#fbfcf6 90%,#e9f0e5 100%);
}
[data-format=desktop] .book-spread .sheet:nth-child(even){
  border-radius:2px 14px 14px 2px;
  background:linear-gradient(90deg,#e2ebde 0%,#f8faf2 9%,#f5f8ef 100%);
}
[data-format=desktop] .book-spread .sheet h1{font-size:clamp(1.05rem,1.8vw,1.55rem)}
[data-format=desktop] .book-spread .sheet header,
[data-format=desktop] .book-spread .cover header{
  grid-column:1;grid-row:1;align-self:auto;display:flex;flex-direction:row;align-items:center;
}
[data-format=desktop] .book-spread .sheet .gallery,
[data-format=desktop] .book-spread .cover .gallery{
  grid-column:1;grid-row:2;min-height:0;
}
[data-format=desktop] .book-spread .sheet footer,
[data-format=desktop] .book-spread .cover footer{
  grid-column:1;grid-row:3;align-self:auto;display:flex;
}
[data-format=desktop] .book-spread .sheet.has-features .gallery{
  display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;gap:9px;
}
[data-format=desktop] .book-spread .sheet.has-features .mobile-features{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
}
[data-format=desktop] .book-spread .feature{
  display:flex;gap:5px;align-items:center;padding:6px 7px;
  background:#f7faf3;border:1px solid #d9e7d4;border-radius:9px;text-decoration:none;color:inherit;
  transition:transform .18s ease,box-shadow .18s ease;
}
[data-format=desktop] .book-spread .feature:hover{transform:translateY(-2px) rotateX(2deg);box-shadow:0 7px 13px rgba(43,70,47,.12)}
[data-format=desktop] .book-spread .feature-no{
  display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;
  background:#e4f0df;color:#4b7352;font-size:.6rem;font-weight:750;
}
[data-format=desktop] .book-spread .feature strong{display:block;font-size:.68rem;line-height:1.15}
[data-format=desktop] .book-spread .feature small{display:block;font-size:.58rem;line-height:1.2;color:#617464}
[data-format=desktop] .book-spread .sheet.duo:not(.has-features) .gallery{
  grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));
}
[data-format=desktop] .book-spread .sheet.packages .gallery{
  grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));
}
[data-format=desktop] .book-spread .package{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;
  gap:4px 8px;padding:clamp(8px,1vw,14px);
}
[data-format=desktop] .book-spread .package h2{font-size:1rem}
[data-format=desktop] .book-spread .package p{font-size:.75rem}
[data-format=desktop] .book-spread .package .cta{padding:5px 8px}
[data-format=desktop] .book-spread .cover-video{min-height:65px;min-width:130px}
[data-format=desktop] .book-spread .cover .picture img{object-fit:contain}

/* Diskretna dubina bez izmjene fotografija ili logotipa. */
.sheet h1{
  color:#17442c;
  text-shadow:0 1px 0 #fff,0 2px 0 #d1e1cd,0 4px 7px rgba(33,72,43,.16);
}
.sheet .gallery figure{
  transform:perspective(1100px) rotateY(-1.2deg);
  box-shadow:0 2px 0 #e1eadc,0 9px 18px rgba(37,70,41,.16);
  transition:transform .25s ease,box-shadow .25s ease;
}
.sheet .gallery figure:hover{
  transform:perspective(1100px) rotateY(0deg) translateY(-2px);
  box-shadow:0 4px 0 #e1eadc,0 14px 22px rgba(37,70,41,.18);
}
[data-format=mobile] .sheet .gallery figure{transform:none;box-shadow:0 6px 14px rgba(37,70,41,.14)}
[data-format=desktop] .book-spread.turn-forward .sheet:nth-child(2){transform-origin:left center;animation:book-forward .48s ease-out}
[data-format=desktop] .book-spread.turn-backward .sheet:nth-child(1){transform-origin:right center;animation:book-backward .48s ease-out}
[data-format=mobile] .book-single.turn-forward .sheet{animation:forward .37s ease-out}
[data-format=mobile] .book-single.turn-backward .sheet{animation:backward .37s ease-out}
@keyframes book-forward{from{transform:rotateY(-28deg);opacity:.68}to{transform:rotateY(0);opacity:1}}
@keyframes book-backward{from{transform:rotateY(28deg);opacity:.68}to{transform:rotateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.book-spread .sheet,.book-single .sheet{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.forward,.backward{animation:none}}
[data-format=desktop] .portrait-video,[data-format=mobile] .landscape-video{display:none}

/* Modularne stranice: svaki sadržajni blok ima vlastitu, blagu nijansu. */
.sheet.tone-0{--paper:#f3f8ef;--paper-deep:#dcebd7;--edge:#bfd8b9;--accent:#397247;--accent-soft:#e2f0de}
.sheet.tone-1{--paper:#faf5eb;--paper-deep:#eee0c9;--edge:#ddc59e;--accent:#92703b;--accent-soft:#f7ead4}
.sheet.tone-2{--paper:#eef5f0;--paper-deep:#d7e8df;--edge:#bdd7ca;--accent:#33725e;--accent-soft:#ddf0e6}
.sheet.tone-3{--paper:#f7f0eb;--paper-deep:#eadbd1;--edge:#d9c3b7;--accent:#986049;--accent-soft:#f3e3da}
.sheet[class*="tone-"]{background:linear-gradient(135deg,var(--paper) 0%,#fff 48%,var(--paper-deep) 100%);border-color:var(--edge)}
.sheet[class*="tone-"] .section-number,.sheet[class*="tone-"] .feature-no{background:var(--accent-soft);color:var(--accent);border-color:var(--edge)}
.sheet[class*="tone-"] .picture{background:linear-gradient(135deg,#fff,var(--paper))}
.sheet[class*="tone-"] .gallery figure{border-color:var(--edge)}
.sheet[class*="tone-"] .cta{background:var(--accent-soft);border-color:var(--edge);color:color-mix(in srgb,var(--accent) 80%,#143c2a)}
.sheet[class*="tone-"] .tags a{border-color:var(--edge);background:color-mix(in srgb,var(--paper) 82%,#fff);color:var(--accent)}
.sheet[class*="tone-"] .feature{border-color:var(--edge);background:linear-gradient(135deg,#fff,var(--paper))}
.sheet[class*="tone-"] .package{border-color:var(--edge);background:linear-gradient(135deg,#fff,var(--paper))}
.sheet[class*="tone-"] h1{color:color-mix(in srgb,var(--accent) 72%,#143c2a);text-shadow:0 1px 0 #fff,0 2px 0 var(--paper-deep),0 5px 8px color-mix(in srgb,var(--accent) 20%,transparent)}
[data-format=desktop] .book-spread .sheet.tone-0:nth-child(odd),[data-format=desktop] .book-spread .sheet.tone-2:nth-child(odd){background:linear-gradient(100deg,#fff 75%,var(--paper-deep))}
[data-format=desktop] .book-spread .sheet.tone-1:nth-child(even),[data-format=desktop] .book-spread .sheet.tone-3:nth-child(even){background:linear-gradient(80deg,var(--paper-deep),#fff 24%,var(--paper))}
[data-format=desktop] .cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr}
[data-format=desktop] .cover header{grid-column:1;grid-row:1;align-self:end;align-items:flex-start;flex-direction:column}
[data-format=desktop] .cover h1{font-size:clamp(1.2rem,3vw,2.05rem)}
[data-format=desktop] .cover .gallery{grid-column:2;grid-row:1/-1}
[data-format=desktop] .cover footer{grid-column:1;grid-row:2;align-self:start;display:grid}
.cover .picture{background:#edf2e9}
@media(max-width:550px){[data-format=desktop] .cover .picture{min-height:190px}}

/* Prikaz videozapisa kao slike s tipkom za reprodukciju. */
.cover-video {
  position: relative;
  min-height: 110px;
  min-width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  color: white;
  text-shadow: 0 1px 4px #000;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.cover-video:hover { color: white; }
.cover-video > span { position: relative; z-index: 1; }
.cover-video::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}
.portrait-video { background-image: url('slike/video-916.jpg'); }
.landscape-video { background-image: url('slike/video-169.jpg'); }
.video-play {
  display: grid;
  place-items: center;
  width: 54px;
  height: 38px;
  border-radius: 10px;
  background: #e62117;
  color: #fff;
  font-size: 21px;
}
.dashboard .gallery { grid-auto-flow:row; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); align-items:stretch; }
.dashboard figure:first-child .picture { background:#edf3e9; }
.dashboard figure:last-child .picture { background:#f2f5ed; }
.dashboard .picture img { object-fit:contain; }
[data-format=mobile] .dashboard .gallery { grid-template-columns:1fr; grid-template-rows:1fr 1.1fr; }
@media(max-width:550px){[data-format=desktop] .dashboard .gallery{grid-template-columns:1fr 1fr}}

/* Vizualna dorada kataloga */
:root { color:#243c2e; background:#e7ede3; }
.topbar { background:#f7f9f3; border-color:#d9e4d5; }
.book { max-width:1200px; }
.sheet {
  background:linear-gradient(135deg,#fafbf7 0%,#f0f5ec 100%);
  border:1px solid #d4e2d0;
  box-shadow:0 16px 42px rgba(39,70,48,.14);
  padding:clamp(14px,2.4vw,30px);
  gap:clamp(10px,1.3vw,18px);
}
.sheet header { gap:12px; }
.section-number {
  color:#54745a;
  background:#e7f0e3;
  border:1px solid #d3e3d0;
  padding:5px 9px;
}
h1 { font-size:clamp(1.15rem,2vw,1.75rem); letter-spacing:-.025em; }
.gallery { gap:clamp(10px,1.4vw,18px); }
.gallery figure { padding:8px; background:#fff; border:1px solid #dce8d9; border-radius:12px; box-shadow:0 6px 18px rgba(42,73,47,.07); }
.picture { border:0; background:#f5f8f2; border-radius:7px; overflow:hidden; }
.picture a { display:flex; align-items:center; justify-content:center; }
.picture img { max-width:100%; max-height:100%; }
figcaption { padding:7px 4px 2px; font-size:.8rem; font-weight:600; }
.zoom { background:#fff; box-shadow:0 3px 9px #263b2c30; }
.sheet footer { padding-top:2px; }
.sheet footer p { color:#516757; }
.cta { background:#e0eddd; border-color:#cbdcc8; }
.dashboard .gallery { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); }
.package { background:#f8fbf5; border-color:#d7e7d3; box-shadow:0 6px 18px rgba(42,73,47,.06); }
.package h2 { font-size:clamp(1rem,1.7vw,1.3rem); }
.cover .gallery figure { padding:0; border:0; background:transparent; box-shadow:none; }
.cover .picture { background:transparent; }
.cover figcaption { display:none; }
.cover-video { min-height:96px; border:0; }
[data-format=mobile] .sheet { background:linear-gradient(160deg,#fbfcf8,#edf4e9); gap:10px; }
[data-format=mobile] .gallery figure { padding:6px; }
[data-format=mobile] .dashboard .gallery { grid-template-columns:1fr; grid-template-rows:1fr 1.1fr; }
[data-format=mobile] .sheet footer { display:block; }
[data-format=mobile] .actions { margin-top:8px; }
[data-format=mobile] .cover-video { min-height:85px; flex:1 1 100%; }
@media(max-width:550px) {
  .sheet footer { font-size:.8rem; }
  figcaption { font-size:.72rem; }
  .controls { gap:5px; }
  .controls button,.controls select { padding:.5rem; }
}
.section-label{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:#67816c;font-weight:700;margin-bottom:3px}
.summary{min-width:0}
.summary p{margin:0 0 5px}
.tags{display:flex;gap:5px;flex-wrap:wrap}
.tags a{border:1px solid #d5e4d0;background:#f6faf3;color:#527056;border-radius:30px;padding:3px 8px;font-size:.68rem;font-weight:650;text-decoration:none;transition:transform .18s ease,background .18s ease}
.tags a:hover{transform:translateY(-1px);background:#e4f0df}
.sheet footer{align-items:end}
[data-format=mobile] .section-label{font-size:.6rem}
[data-format=mobile] .tags span{font-size:.65rem}
@media(max-width:550px){[data-format=desktop] .tags span{font-size:.57rem;padding:2px 5px}}

/* Video slika ostaje vidljiva i uz osnovni stil poveznica. */
.cover .actions{align-items:center}
.cover .actions>a:not(.cover-video){align-self:center}
.portrait-video,.portrait-video:hover{background-image:linear-gradient(#0004,#0004),url('slike/video-916.jpg');background-size:cover;background-position:center}
.landscape-video,.landscape-video:hover{background-image:linear-gradient(#0004,#0004),url('slike/video-169.jpg');background-size:cover;background-position:center}
.cover-video::before{display:none}

/* Sažeci ispod vodoravnih snimaka za uspravni prikaz. */
.mobile-features{display:none}
[data-format=mobile] .sheet.has-features .gallery{
  display:grid;
  grid-template-rows:minmax(290px,1fr) auto;
  align-content:stretch;
  gap:8px;
}
[data-format=mobile] .sheet.has-features .gallery figure{
  min-height:0;
  width:100%;
}
[data-format=mobile] .sheet.has-features .gallery .picture{
  display:grid;
  height:100%;
}
[data-format=mobile] .sheet.has-features .gallery .picture a{display:flex}
[data-format=mobile] .sheet.has-features .gallery .picture img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
}
[data-format=mobile] .mobile-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  align-content:start;
}
[data-format=mobile] .feature{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:3px;
  min-height:72px;
  padding:6px;
  border:1px solid #d9e6d5;
  border-radius:9px;
  background:#f8fbf5;
  text-decoration:none;
  color:inherit;
  box-shadow:0 3px 8px rgba(43,70,47,.07);
}
[data-format=mobile] .feature-no{
  display:grid;
  place-items:center;
  flex:0 0 23px;
  width:23px;
  height:23px;
  border-radius:7px;
  background:#e4f0df;
  color:#4b7352;
  font-size:.58rem;
  font-weight:750;
}
[data-format=mobile] .feature strong,[data-format=mobile] .feature small{display:block}
[data-format=mobile] .feature strong{font-size:.68rem;line-height:1.13}
[data-format=mobile] .feature small{display:none}
[data-format=mobile] .feature:active{transform:translateY(1px)}

/* Svaka mobilna stranica koristi vlastitu, stvarnu snimku responzivnog prikaza. */
[data-format=mobile] figure.mobile-shot .picture picture{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  padding:9px;
  background:radial-gradient(circle at 50% 14%,#fffdf5 0 20%,#dfece0 58%,#c9dec9 100%);
}
[data-format=mobile] figure.mobile-shot .picture picture img{
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:12px;
  box-shadow:9px 12px 19px rgba(25,55,37,.25),0 0 0 4px #294234;
  transform:perspective(800px) rotateY(-4deg) rotateX(1deg);
}

/* Stvarna uspravna snimka aplikacije: tretira se kao telefon, ne kao izrezana fotografija. */
[data-format=mobile] .dashboard .gallery{grid-template-rows:minmax(300px,1fr) auto}
[data-format=mobile] .dashboard .picture picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle at 50% 18%,#fdf8e9 0 20%,#dae9d8 58%,#cadfc8 100%)}
[data-format=mobile] .dashboard .picture picture img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:9px 12px 19px rgba(25,55,37,.28),0 0 0 4px #263b31;transform:perspective(800px) rotateY(-5deg) rotateX(1deg)}
@media(max-width:360px){[data-format=mobile] .feature{padding:4px 7px;gap:7px}[data-format=mobile] .feature-no{flex-basis:25px;height:25px}}

/* Kartice uz snimku u širokom formatu i tiha sredina otvorene knjige. */
[data-format=desktop] .sheet{
  background:linear-gradient(90deg,rgba(255,255,255,0) 49.3%,rgba(64,90,61,.07) 50%,rgba(255,255,255,0) 50.7%),linear-gradient(135deg,#fafbf7,#f0f5ec);
}
[data-format=desktop] .sheet.has-side-features .gallery{
  display:grid;
  grid-auto-flow:row;
  grid-template-columns:minmax(0,1.9fr) minmax(210px,.8fr);
}
[data-format=desktop] .sheet.has-side-features .mobile-features{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
[data-format=desktop] .sheet.has-side-features .feature{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px;
  background:#f8fbf5;
  border:1px solid #d9e6d5;
  border-radius:10px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;
}
[data-format=desktop] .sheet.has-side-features .feature:hover{transform:translateX(3px) rotateY(-2deg);box-shadow:0 8px 14px rgba(48,76,47,.12)}
[data-format=desktop] .sheet.has-side-features .feature-no{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  height:38px;
  border-radius:11px;
  background:#e4f0df;
  color:#4b7352;
  font-size:.72rem;
  font-weight:750;
}
[data-format=desktop] .sheet.has-side-features .feature strong,
[data-format=desktop] .sheet.has-side-features .feature small{display:block}
[data-format=desktop] .sheet.has-side-features .feature strong{font-size:.9rem;line-height:1.25}
[data-format=desktop] .sheet.has-side-features .feature small{font-size:.76rem;line-height:1.35;color:#617464}
[data-format=mobile] .sheet.has-features .summary .tags{display:none}
@media(max-width:550px){
  [data-format=desktop] .sheet.has-side-features .gallery{grid-template-columns:minmax(0,1.5fr) minmax(105px,1fr)}
  [data-format=desktop] .sheet.has-side-features .feature{padding:5px;gap:5px}
  [data-format=desktop] .sheet.has-side-features .feature-no{flex-basis:22px;height:22px;font-size:.58rem}
  [data-format=desktop] .sheet.has-side-features .feature strong{font-size:.7rem}
  [data-format=desktop] .sheet.has-side-features .feature small{font-size:.6rem}
}