/* SWATCH-F-D-46 (Den): вигляд «сторінка з книги зразків» для карток віяла card-fan — усі теми.
   Погоджений набір (конструктор fd46_constructor_swatch): папір карт; без шва; без білої рамки пудрової теми; шрифт як є;
   рамка навколо тканини — лише на комп'ютері (>760px), на телефоні тканина на всю картку; складки тканини (Blender) — fan-folds.js.
   Вмикає тег {% fan_swatch_head %} (позначка data-sw на <html> до малювання); вимикається FAN_PHOTOS["swatch"] = False. */
html[data-sw] .dC .fan .face.sup{--strip:34px;padding:0 !important;overflow:hidden;background:#FBF9F5 url(img/linen.webp) 0 0/96px !important}
@media (max-width:760px){ html[data-sw] .dC .fan .face.sup{--strip:24px} }
/* назва постачальника на папері — чиста друкарська фарба */
html[data-sw] .dC .fan .face.sup .t.nm{color:#231B16 !important;text-shadow:none}
/* тканина: на телефоні — на всю картку праворуч від корінця */
html[data-sw] .dC .fan .face.sup .ph{position:absolute !important;left:var(--strip);top:0;right:0;bottom:0;height:auto !important;margin:0 !important;border-radius:0 !important}
/* комп'ютер — у рамці з того самого паперу */
@media (min-width:761px){ html[data-sw] .dC .fan .face.sup .ph{top:7px;right:7px;bottom:7px;border-radius:9px !important;box-shadow:0 0 0 1px rgba(40,25,10,.10)} }
/* тінь згину біля корінця + товщина тканини (краї, глибше знизу) */
html[data-sw] .dC .fan .face.sup .ph::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(20,12,6,.40) 0,rgba(20,12,6,.14) 7px,rgba(20,12,6,0) 18px),linear-gradient(0deg,rgba(20,12,6,.20) 0,rgba(20,12,6,0) 22%);
  box-shadow:inset 0 0 14px rgba(20,12,6,.16)}
/* без смуги відблиску (Den: «ходить по картках») */
html[data-sw] .dC .fan .face.sup .gloss{display:none !important}
/* складки тканини: один шар на картку; варіант (1..8, дзеркало) і видимість — fan-folds.js за фото; анімується лише opacity */
html[data-sw] .dC .fan .face.sup .ph fl-fold{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background-size:100% 100%;display:none;opacity:0}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="1"]{background-image:url(img/foldv1.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="2"]{background-image:url(img/foldv2.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="3"]{background-image:url(img/foldv3.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="4"]{background-image:url(img/foldv4.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="5"]{background-image:url(img/foldv5.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="6"]{background-image:url(img/foldv6.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="7"]{background-image:url(img/foldv7.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-v="8"]{background-image:url(img/foldv8.webp)}
html[data-sw] .dC .fan .face.sup .ph fl-fold[data-m="1"]{transform:scaleY(-1)}