/* v81 — The story of a drop. Scoped to the catalog. */ .catalog-book{container-type:inline-size;overflow:visible}.catalog-page.story-page{padding:3cqw;isolation:isolate;background:#edf6f8;color:#17304c;border:1px solid #fff}.story-page h2,.story-page h3,.story-page p{margin:0;letter-spacing:0;word-break:normal;overflow-wrap:normal}.story-page h2{font:850 3.05cqw/1.4 Vazirmatn,sans-serif;color:#12224a;text-wrap:balance}.story-page h3{font:800 1.48cqw/1.6 Vazirmatn,sans-serif}.story-page p{font:450 1.2cqw/1.95 Vazirmatn,sans-serif;color:#35516a;text-align:justify;text-justify:inter-word}.story-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none!important;object-fit:cover;pointer-events:none}.story-kicker{display:block;direction:ltr;text-align:left;font:800 .84cqw/1.4 Manrope,sans-serif;letter-spacing:.14em;color:#2e8e86;margin-bottom:.75cqw}.story-heading{position:relative;z-index:2;margin-bottom:1.7cqw}.story-heading>p{margin-top:.65cqw;max-width:96%} .glass-panel,.glass-chip-row>span,.story-toc button{border:1px solid rgba(255,255,255,.95);background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(240,252,252,.57));box-shadow:inset 0 1px 0 white,inset 0 -1px 1px #7cabb333,0 13px 28px #19435813;backdrop-filter:blur(19px) saturate(1.3);-webkit-backdrop-filter:blur(19px) saturate(1.3);border-radius:1.7cqw}.story-page button:focus-visible,.eye-player input:focus-visible{outline:3px solid #2e8e86;outline-offset:3px} .story-cover{background:#f4f8fc!important}.story-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 30%,#f8fcfe55 60%,#f8fcfe88)}.story-cover-top{display:flex;align-items:center;justify-content:space-between;direction:ltr;height:7cqw}.story-cover-top img{width:14cqw;height:7cqw;object-fit:contain}.story-cover-top>span{font:750 .8cqw/1.4 Manrope,sans-serif;letter-spacing:.13em;color:#285265}.story-cover-copy{position:absolute;top:13cqw;right:5cqw;width:53cqw;padding:2cqw 2.3cqw;background:#f7fcff9e;border:1px solid #ffffffba;border-radius:5cqw 1.8cqw 5cqw 1.8cqw;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 white,0 18px 45px #1f5f7515}.story-cover-copy h2{font-size:4.8cqw;line-height:1.25}.story-cover-copy .story-slogan{font:650 1.7cqw/1.4 Manrope,sans-serif;direction:ltr;text-align:left;color:#257e7c;margin:1cqw 0 1.5cqw}.story-cover-copy>p:not(.story-slogan){font-size:1.18cqw}.glass-chip-row{display:flex;gap:.6cqw;margin-top:1.3cqw}.glass-chip-row>span{display:flex;align-items:center;justify-content:center;padding:.7cqw 1cqw;white-space:nowrap;font-size:.83cqw;font-weight:750}.story-cover-foot{position:absolute;inset-inline:5cqw;bottom:2.8cqw;display:flex;justify-content:space-between;align-items:center;font-size:.85cqw;color:#244b63}.story-cover-foot b{direction:ltr;font:800 .7cqw Manrope,sans-serif;letter-spacing:.14em} .story-contents:after,.story-quality:after{content:"";position:absolute;z-index:-1;inset:0;background:#f4fafdbe}.story-toc-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:2cqw}.story-toc{display:grid;gap:.85cqw}.story-toc button{display:grid;grid-template-columns:3cqw 1fr 4cqw;align-items:center;gap:1cqw;padding:1.15cqw 1.3cqw;text-align:right;color:#17304c;transition:background .2s,transform .2s}.story-toc button:hover{background:#fffffff0;transform:translateX(-3px)}.story-toc button>b{font:800 1.2cqw Manrope,sans-serif;color:#2e8e86}.story-toc strong{display:block;font-size:1.25cqw}.story-toc small{display:block;font-size:1cqw;margin-top:.3cqw;color:#48677d}.story-toc em{font:800 1cqw Manrope,sans-serif;direction:ltr;text-align:center;color:#33489a;white-space:nowrap}.story-index-note{display:flex;flex-direction:column;justify-content:center;padding:2.4cqw;border-radius:5cqw 1.6cqw 4cqw 1.6cqw}.story-index-note>b{direction:ltr;text-align:center;font:800 3.5cqw/1.2 Manrope,sans-serif;color:#287f87;margin-bottom:1.7cqw}.story-index-note h3{text-align:center;margin-bottom:1.2cqw}.story-index-note>span{font-size:1cqw;margin-top:1.8cqw;text-align:center;color:#277e80} .story-eye{background:radial-gradient(ellipse at 15% 78%,#cde9e9,transparent 47%),#f1f7fb!important}.story-eye-layout{display:grid;grid-template-columns:1.28fr 1fr;gap:2cqw;direction:ltr;align-items:start}.story-eye-copy{direction:rtl}.story-eye-copy>p{margin-bottom:1.2cqw}.story-callout{padding:1.3cqw 1.5cqw;margin-bottom:1.1cqw}.story-callout h3{margin-bottom:.6cqw;color:#246f7a}.story-eye-copy .story-small{font-size:.94cqw;line-height:1.85}.story-source{font-size:.84cqw;color:#287581;text-decoration:underline}.eye-player{direction:rtl;padding:.75cqw;border-radius:3.5cqw 1.5cqw 2.5cqw 1.5cqw;overflow:hidden}.eye-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2.7cqw 1cqw 2cqw 1cqw;background:#e7f5f7;isolation:isolate}.eye-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .65s,transform 1.5s}.eye-drop-flight{position:absolute;z-index:3;left:48%;top:1%;width:4%;height:10%;opacity:0;filter:drop-shadow(0 3px 4px #578b9a)}.eye-surface-ripple{position:absolute;z-index:3;left:38%;top:34%;width:24%;height:12%;border:2px solid #48cbd4cc;border-radius:50%;opacity:0;transform:scale(.1);box-shadow:0 0 0 1cqw #6ee2e21f}.eye-layers{position:absolute;inset:0;opacity:0;transform:scale(.88);transition:opacity .65s,transform 1s;background:linear-gradient(150deg,#f5fcfc,#dceff4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1cqw}.eye-layers>svg{width:100%;height:auto;max-height:77%}.layer-caption{font-size:.92cqw;color:#2b6273;font-weight:750;text-align:center}.layer-key{display:flex;gap:1cqw;justify-content:center;font-size:.8cqw}.layer-key span{display:flex;align-items:center;gap:.3cqw;white-space:nowrap}.layer-key i{width:.65cqw;height:.65cqw;border-radius:50%}.key-lipid{background:#bbca95}.key-water{background:#77bccc}.key-mucin{background:#4faca0}.key-cornea{background:#c9a7ad}.eye-player[data-phase="1"] .eye-photo{transform:scale(1.05)}.eye-player[data-phase="2"] .eye-photo,.eye-player[data-phase="3"] .eye-photo{opacity:0;transform:scale(1.26)}.eye-player[data-phase="2"] .eye-layers,.eye-player[data-phase="3"] .eye-layers{opacity:1;transform:scale(1)}.tear-spread{stroke-dasharray:1;stroke-dashoffset:1;opacity:.8}.eye-scene-note{position:absolute;right:1cqw;bottom:.8cqw;font-size:.7cqw;color:#476878;background:#ffffffb3;padding:.3cqw .6cqw;border-radius:1cqw}.eye-player-controls{display:flex;align-items:center;gap:.8cqw;direction:ltr;padding:1cqw .2cqw .6cqw}.eye-player-controls button{flex:none;direction:rtl;border:1px solid #ffffffcc;border-radius:2cqw;background:linear-gradient(120deg,#33489a,#2e8e86);color:white;font:700 .9cqw Vazirmatn,sans-serif;padding:.6cqw 1cqw;min-height:2.6cqw}.eye-player-controls input{flex:1;min-width:0;accent-color:#2e8e86;cursor:pointer}.eye-player-controls>span{font:750 .75cqw Manrope,sans-serif;white-space:nowrap}.eye-player .eye-subtitle{text-align:center;font-size:.93cqw;min-height:3.4cqw;padding:.4cqw;line-height:1.7} .formula-panel{position:relative;width:55%;padding:2cqw 2.2cqw;min-height:42cqw;border-radius:4cqw 1.6cqw 4cqw 1.6cqw;background:#f7fcffcf}.formula-panel p+p{margin-top:1.2cqw}.formula-pills{display:flex;gap:.7cqw;margin-top:1.8cqw}.formula-pills span{border:1px solid #2e8e8640;background:#ffffff99;padding:.6cqw .8cqw;border-radius:2cqw;font:800 .8cqw Manrope,sans-serif;white-space:nowrap}.formula-side{position:absolute;left:4cqw;bottom:7cqw;width:32%;padding:2cqw;border-radius:1.5cqw 4cqw 1.5cqw 3cqw;background:#f2fbfdcf}.formula-side>b{display:block;font-size:1.8cqw;line-height:1.6;margin-bottom:1cqw;color:#175a6a}.formula-side p{font-size:1.1cqw}.formula-side button{border:0;background:#2e8e86;color:white;border-radius:2cqw;padding:.8cqw 1.4cqw;font-size:1cqw;margin-top:1.4cqw} .story-making,.story-pack{background:linear-gradient(130deg,#edf8f6,#f9fbff 55%,#e7f1f8)!important}.story-making-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:1.6cqw;direction:ltr;height:31cqw}.story-factory-main{position:relative;margin:0;height:100%;overflow:hidden;border-radius:4cqw 1.5cqw 4cqw 1.5cqw}.story-factory-main>img{width:100%;height:100%;object-fit:cover}.story-factory-main figcaption{position:absolute;bottom:1.5cqw;left:1.5cqw;right:1.5cqw;padding:1cqw;text-align:center}.story-factory-main figcaption b{display:block;font:800 1cqw Manrope,sans-serif;color:#17374f}.story-factory-main figcaption span{display:block;font-size:.94cqw;margin-top:.4cqw}.making-steps{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.8cqw;direction:rtl}.making-steps section{padding:1cqw 1.4cqw}.making-steps section>b{display:block;font-size:1.2cqw;margin-bottom:.3cqw;color:#246f78}.making-steps p{font-size:1.06cqw}.making-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;min-height:0}.making-photo-pair img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:1.3cqw} .quality-story-layout{display:grid;grid-template-columns:1fr 1.17fr;gap:1.5cqw;margin-top:1.8cqw}.quality-story-copy{padding:2cqw}.quality-story-copy h3{margin-bottom:1cqw}.quality-story-copy p{font-size:1.1cqw}.quality-story-copy p+p{margin-top:.8cqw}.quality-path{display:flex;gap:.7cqw;align-items:center;justify-content:center;margin-top:1.6cqw;white-space:nowrap}.quality-path span{padding:.7cqw;border:1px solid #d4e5e8;border-radius:.8cqw;background:#ffffff99;font-size:.85cqw;text-align:center}.quality-path i{color:#2e8e86;font-style:normal}.story-tests{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}.story-tests>section{padding:1.2cqw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-tests b{display:block;direction:ltr;white-space:nowrap;font:800 1.45cqw/1.4 Manrope,sans-serif;color:#33489a}.story-tests h3{font-size:1.1cqw;margin:.45cqw 0}.story-tests p{text-align:center;font-size:.95cqw;line-height:1.85}.story-bottom-note{position:absolute;bottom:3cqw;inset-inline:4cqw;font-size:.9cqw;text-align:center;padding:.7cqw;border-top:1px solid #2e8e8633} .story-pack-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:2cqw;height:32cqw;direction:ltr}.pack-visual{overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:1.5cqw 4cqw 1.5cqw 4cqw}.pack-visual>img{width:100%;height:100%;object-fit:contain}.pack-numbers{display:grid;grid-template-columns:repeat(3,1fr);direction:rtl;gap:.6cqw;padding:1cqw;background:#ffffffcc}.pack-numbers span{text-align:center;font-size:.9cqw;border-inline-end:1px solid #d4e4e7}.pack-numbers span:last-child{border:0}.pack-numbers b{display:block;font:800 2cqw/1.3 Manrope,sans-serif;color:#2e8e86}.pack-copy{direction:rtl;display:flex;flex-direction:column;gap:1cqw;min-height:0}.pack-copy p{font-size:1.16cqw}.pack-factory{position:relative;margin:0;flex:1;min-height:0;overflow:hidden;border-radius:2cqw}.pack-factory img{width:100%;height:100%;object-fit:cover}.pack-factory figcaption{position:absolute;bottom:.7cqw;inset-inline:1cqw;padding:.5cqw;background:#f4fbfcd4;backdrop-filter:blur(10px);border-radius:1cqw;text-align:center;font-size:.85cqw} .catalog-portfolio-page{background:linear-gradient(90deg,#f7fdfee3,#f7fdfeec),url('../img/catalog/story/liquid-wave.webp') center/cover}.catalog-portfolio-page .page-lead{max-width:95%;font-size:1.15cqw;line-height:1.8}.portfolio-grid{margin-top:1.6cqw;gap:1cqw}.portfolio-card{min-height:10cqw;border:1px solid white;background:#ffffffa1;backdrop-filter:blur(18px) saturate(1.2);border-radius:2cqw .8cqw 2cqw .8cqw;box-shadow:inset 0 1px white,0 14px 26px #2e6e8014}.portfolio-card strong{font-size:1.05cqw}.portfolio-card b{font-size:1.25cqw;white-space:nowrap!important;word-break:normal!important}.portfolio-card small{font-size:.8cqw}.portfolio-card em{font-size:.62cqw}.catalog-product-page .product-copy{background:linear-gradient(145deg,#fffffffa,#f1fafdeb)}.product-facts div{background:#ffffffa1;border:1px solid #fffffffa;box-shadow:inset 0 1px 0 white,0 5px 18px #2f5c730e;backdrop-filter:blur(10px);border-radius:1.2cqw}.product-visual:after{border-radius:4cqw 1.5cqw 4cqw 1.5cqw!important}.product-actions .product-brochure{border-radius:1.6cqw;box-shadow:inset 0 1px #ffffff80,0 9px 18px #184b5c21}.product-strength{white-space:nowrap;line-height:1.1} .catalog-use-page{background:linear-gradient(90deg,#f8fdfff0,#f7fcfedb),url('../img/catalog/story/liquid-wave.webp') center/cover}.use-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.use-steps>div{background:#ffffffa6;backdrop-filter:blur(16px);border-color:white;border-radius:1.7cqw;padding:1cqw}.use-steps p{display:block!important;font-size:.95cqw;line-height:1.7}.use-layout{height:29cqw}.use-warning{bottom:3.1cqw;min-height:0;padding:.7cqw 1cqw}.use-steps h3{font-size:1.1cqw}.step-icon{width:3.2cqw;height:3.2cqw}.step-icon svg{width:2.3cqw;height:2.3cqw}.use-steps b{font-size:.7cqw}.motion-frame strong{font-size:1.35cqw}.motion-head span{font-size:1cqw}.motion-play{font-size:.9cqw}.motion-play span{display:inline!important}.motion-frame svg{width:7cqw;height:7cqw}.motion-head b{font-size:.65cqw} .story-partner .partner-overlay{background:linear-gradient(90deg,#051f40a6,#103c5be6)}.story-partner .partner-copy,.story-partner .partner-route{background:#f3fdff21;border:1px solid #ffffff78;backdrop-filter:blur(25px) saturate(1.3);box-shadow:inset 0 1px #ffffff80,0 15px 36px #03132426;border-radius:3cqw 1.3cqw 3cqw 1.3cqw;padding:2.2cqw}.story-partner .partner-copy p{font-size:1.13cqw;line-height:1.95}.story-partner .partner-route strong{font-size:1.15cqw}.story-partner .partner-route small{font-size:.95cqw}.story-partner .partner-route li{padding:1cqw;min-height:5.2cqw;text-align:center}.story-partner .partner-icons span{font-size:.95cqw}.story-partner .partner-copy h2{font-size:2.65cqw}.story-partner .partner-copy a{font-size:1cqw}.story-partner .partner-layout{padding:3.5cqw;gap:2cqw}.story-final .contact-photo-shade{background:linear-gradient(90deg,#ebf7fc66,#ecf9fbe6 63%)}.story-final .contact-final{background:#f8feffb8;border:1px solid white;backdrop-filter:blur(24px);border-radius:3cqw 1.3cqw 4cqw 1.3cqw;color:#17344e}.story-final .contact-final>img{filter:none;width:15cqw;height:9cqw;object-fit:contain;margin-bottom:1cqw}.story-final .final-slogan{color:#277f7e;font-size:1.55cqw}.story-final .contact-message h2{font-size:3cqw;color:#12224a}.story-final .contact-message>span{color:#257b81;font-size:.8cqw}.story-final .contact-message p{color:#34566d;font-size:1.18cqw;line-height:1.95}.story-final .final-contact-grid div{background:#ffffffa3;min-height:6cqw;padding:.8cqw}.story-final .final-contact-grid span{color:#287b84;font-size:.75cqw}.story-final .final-contact-grid a,.story-final .final-contact-grid p{color:#173a51;font-size:1cqw}.story-final .final-links a{font-size:1cqw;padding:.7cqw 1cqw}.story-final .contact-final small{color:#426177;font-size:.85cqw}.story-final .contact-layout{padding:3.5cqw;gap:2cqw}.story-final .contact-message{padding:1cqw}.story-final .contact-drop-emblem{display:none} .catalog-history-peek{pointer-events:none!important}.catalog-history-peek.catalog-product-page{display:grid!important;grid-template-columns:60% 40%}.catalog-history-peek.peek-right{inset:0 -27px 0 auto!important}.catalog-history-peek.peek-left{inset:0 auto 0 -27px!important}.catalog-page[aria-hidden="true"]{pointer-events:none}.catalog-flip-face{pointer-events:none}.catalog-page.is-visible{pointer-events:auto} @media(max-width:760px){.catalog-page.story-page{padding:3cqw}.story-page .page-number{font-size:.85cqw;bottom:1.5cqw;inset-inline-end:2cqw}.catalog-history-peek.peek-right{right:-14px!important}.catalog-history-peek.peek-left{left:-14px!important}.story-partner .partner-icons{margin-bottom:1cqw}.story-partner .partner-icons div{min-height:5.6cqw;padding:.6cqw}.story-partner .partner-route h3{font-size:1.8cqw}.story-partner .partner-route blockquote{font-size:1.1cqw}.story-partner .partner-route>span{font-size:.7cqw}.story-final .contact-final{padding:2cqw}.story-final .final-slogan{margin-bottom:1cqw}.story-final .contact-final small{margin-top:1cqw}.use-layout{height:27cqw}.use-warning{font-size:.85cqw}.catalog-portfolio-page .page-title{font-size:3cqw}.catalog-portfolio-page .portfolio-card{padding:1cqw}.portfolio-footer{display:flex!important;bottom:2.8cqw}.portfolio-footer span{font-size:.6cqw;padding:.5cqw}.portfolio-index{font-size:.7cqw}} @media(prefers-reduced-motion:reduce){.eye-photo,.eye-layers,.story-toc button{transition:none!important}} @supports not (backdrop-filter:blur(2px)){.glass-panel,.story-toc button{background:#f4fbfd}.story-partner .partner-copy,.story-partner .partner-route{background:#173e5a}.story-final .contact-final{background:#f0fafc}} .story-cover-top img{background:rgba(255,255,255,.85);border:1px solid white;border-radius:1.4cqw;padding:.6cqw 1cqw;box-shadow:0 8px 28px #10385012;backdrop-filter:blur(12px)} .story-page h2{padding-bottom:.35cqw} .story-making-layout,.story-factory-main,.making-steps{min-height:0;max-height:31cqw}.making-steps{height:31cqw;overflow:hidden}.story-factory-main{height:31cqw!important}.quality-story-layout{min-height:30cqw}.quality-story-copy{display:flex;flex-direction:column;justify-content:center} .use-layout{height:29cqw;min-height:0;max-height:29cqw}.use-steps{min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:1cqw}.use-steps>div{min-height:0;display:flex;flex-direction:column;justify-content:center}.use-warning{bottom:2.5cqw;font-size:.83cqw}.step-icon{flex:none;margin:.3cqw auto}.use-steps h3{margin:.5cqw 0 .3cqw} /* ==== v97: ویدئوی صفحه‌ی ۳ کاتالوگ — اصلاح پخش و نمایش موبایل ==== ۱) backdrop-filter دور