/* giftbaskets.si warm gift-shop theme + photos (generated by _gen/photos.py source; edit there) */
:root{--bg:#FBF6EE;--panel:#F3E9DA;--ink:#2A1A1F;--accent:#7A1F35;--onaccent:#fff;--glow:#B8862F;--glow2:#E8C987;--line:#E6D6C0}
body{background:var(--bg)}
h1,h2,h3{color:var(--ink)}
.btn{box-shadow:0 8px 24px -12px var(--accent)}
.eyebrow,.si{color:var(--glow)}
img{max-width:100%}
.hero.photo{padding:0;min-height:min(78vh,640px);display:flex;align-items:flex-end;color:#fff;background:#2a1a1f}
.hero.photo:before{display:none}
.hero.photo .hero-photo{position:absolute;inset:0}
.hero.photo .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;display:block}
.hero.photo .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,14,20,.15) 0%,rgba(30,14,20,.55) 45%,rgba(30,14,20,.88) 100%)}
.hero.photo .wrap{display:block;position:static;padding-top:120px;padding-bottom:40px}
.hero.photo .wrap>div:not(.hero-photo){max-width:36rem;position:relative;z-index:1}
.hero.photo .hero-photo{z-index:0}
.hero.photo h1,.hero.photo .sub{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero.photo .eyebrow{color:#F1D08A}
.hero.photo .btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)}
@media(min-width:900px){.hero.photo{align-items:center}.hero.photo .wrap{padding-top:80px;padding-bottom:80px}
 .hero.photo .hero-photo:after{background:linear-gradient(90deg,rgba(30,14,20,.9) 0%,rgba(30,14,20,.78) 40%,rgba(30,14,20,.35) 62%,rgba(30,14,20,0) 80%)}}
.art.ph{margin:0;background:#fff;display:block;aspect-ratio:4/3;overflow:hidden}
.art.ph img{width:100%;height:100%;object-fit:cover;display:block}
.art.ph .si-tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--accent)}
.art.ph figcaption,.pv-ph figcaption{position:absolute;right:8px;bottom:8px;font-size:.68rem;background:rgba(255,255,255,.88);color:#5a4a44;padding:2px 8px;border-radius:99px}
.card{background:#fff;box-shadow:0 10px 30px -22px rgba(90,40,30,.5)}
.pv-ph{position:relative;margin:0;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#fff}
.pv-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pv-ph.empty{display:grid;place-items:center;color:#8a7a70;border:1px dashed var(--line)}
.pv-ini{position:absolute;top:10px;right:10px;background:var(--glow);color:#fff;font:700 .8rem var(--mono),monospace;padding:4px 10px;border-radius:6px}
.pv-note{position:absolute;top:10px;left:10px;background:#fff;color:var(--accent);font-size:.75rem;padding:3px 9px;border-radius:99px}
.pv-items{display:none;flex-wrap:wrap;gap:6px;margin-top:10px}
.pv-items .tok{background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:.85rem;cursor:pointer}
html,body{overflow-x:hidden}
.hero.photo .eyebrow{display:inline-block;line-height:1.5}
@media(max-width:600px){.hero.photo .eyebrow{font-size:.62rem;letter-spacing:.12em}}
@media(min-width:900px){.hero.photo .wrap{max-width:none!important;width:auto!important;margin:0!important;padding-left:max(5vw,32px)!important;padding-right:0}
 .hero.photo .wrap>div:not(.hero-photo){max-width:min(520px,42vw)!important;margin:0!important}.hero.photo h1{font-size:clamp(2.4rem,4vw,3.6rem)}}