@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";.atr{--atr-white: #ffffff;--atr-ivory: #faf8f4;--atr-cream: #f5f0e8;--atr-gold: #c9a962;--atr-gold-soft: rgba(201, 169, 98, .2);--atr-gold-line: rgba(201, 169, 98, .45);--atr-gold-border: rgba(201, 169, 98, .34);--atr-ink: #1a1816;--atr-muted: #5c5650;--atr-text: #2a2520;--atr-border: rgba(201, 169, 98, .22);--atr-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--atr-sans: var(--font-body-family, system-ui, -apple-system, sans-serif);--atr-lh: 1.75;--atr-lh-tight: 1.35;--atr-icon-stroke: 1.5;--atr-ease: cubic-bezier(.22, 1, .36, 1);margin:0;padding:clamp(16px,2.5vw,28px) clamp(12px,2.5vw,24px);background:var(--atr-white);overflow-x:hidden}.atr__shell{width:min(100%,1120px);margin:0 auto}.atr__frame{border:1px solid var(--atr-border);border-radius:14px;background:var(--atr-white);box-shadow:none;opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s var(--atr-ease),transform .8s var(--atr-ease);overflow:hidden}.atr__frame.is-visible{opacity:1;transform:translateZ(0)}.atr svg path,.atr svg circle,.atr svg line{vector-effect:non-scaling-stroke}.atr__step-icon svg,.atr__clothing-icon svg,.atr__badge-icon svg,.atr__divider-lotus svg,.atr__footnote-icon svg{stroke-width:var(--atr-icon-stroke)}.atr__main{padding:clamp(16px,2vw,24px) clamp(18px,2.2vw,28px) clamp(12px,1.5vw,16px)}.atr__grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(18px,2.5vw,28px)}.atr__media-col{display:flex;align-items:flex-start;justify-content:center;min-width:0}.atr__media-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;border:1px solid var(--atr-gold-soft);background:var(--atr-ivory);box-shadow:none}.atr__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(110deg,var(--atr-ivory) 0%,var(--atr-cream) 45%,var(--atr-ivory) 90%);background-size:200% 100%;animation:atr-shimmer 1.6s ease-in-out infinite;transition:opacity .4s ease}.atr__media-wrap.is-loaded .atr__skeleton{opacity:0;pointer-events:none}.atr__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;opacity:0;transform:scaleZ(1);transition:opacity .45s ease,transform 1.5s var(--atr-ease)}.atr__img.is-ready{opacity:1;z-index:2}.atr__media-wrap:hover .atr__img.is-ready{transform:scale3d(1.015,1.015,1)}.atr__img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#f0ebe3,#e8e2d8);z-index:0}.atr__content-col{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.atr__header{text-align:center;margin-bottom:clamp(14px,1.8vw,18px)}.atr__heading{margin:0 0 10px;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:clamp(2.25rem,4.2vw,3.5rem);font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--atr-ink);line-height:1.12}.atr__divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 12px;max-width:280px}.atr__divider--wide{max-width:none;margin:0;padding:0 clamp(18px,2.5vw,32px)}.atr__divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--atr-gold-line),transparent)}.atr__divider-lotus{flex-shrink:0;width:18px;height:18px;color:var(--atr-gold)}.atr__divider-lotus svg{width:100%;height:100%;display:block}.atr__intro{margin:0 auto;font-family:var(--atr-serif);font-size:clamp(1.0625rem,1.6vw,1.5rem);font-weight:400;line-height:1.55;color:var(--atr-muted);max-width:34ch}.atr__steps{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px)}.atr__steps:before{content:"";position:absolute;left:22px;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,var(--atr-gold-soft),var(--atr-gold-line),var(--atr-gold-soft));pointer-events:none}.atr__step{display:grid;grid-template-columns:44px 24px 1fr;gap:8px 10px;align-items:start;opacity:0;transform:translate3d(0,8px,0);transition:opacity .6s var(--atr-ease),transform .6s var(--atr-ease)}.atr__frame.is-visible .atr__step{opacity:1;transform:translateZ(0)}.atr__frame.is-visible .atr__step:nth-child(1){transition-delay:.08s}.atr__frame.is-visible .atr__step:nth-child(2){transition-delay:.14s}.atr__frame.is-visible .atr__step:nth-child(3){transition-delay:.2s}.atr__step-marker{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--atr-gold);background:var(--atr-white);flex-shrink:0}.atr__step-num{font-family:var(--atr-serif);font-size:clamp(1rem,1.2vw,1.125rem);font-weight:600;letter-spacing:.03em;color:var(--atr-gold)}.atr__step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:44px;color:var(--atr-gold);flex-shrink:0;opacity:.9}.atr__step-icon svg{width:20px;height:20px;display:block}.atr__step-body{padding:4px 0 0;min-width:0}.atr__step-title{margin:0 0 5px;font-family:var(--atr-serif);font-size:clamp(1.5rem,2vw,2rem);font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--atr-ink);line-height:var(--atr-lh-tight)}.atr__step-text{margin:0 0 6px;font-family:var(--atr-sans);font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:var(--atr-lh);color:var(--atr-text)}.atr__step-text:last-child{margin-bottom:0}.atr__step-list{margin:0 0 8px;padding:0 0 0 1.15em;list-style:disc;font-family:var(--atr-sans);font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.65;color:var(--atr-text)}.atr__step-list li{margin-bottom:2px}.atr__step-list li::marker{color:var(--atr-gold)}.atr__clothing-box{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:6px;background:var(--atr-ivory);border:1px solid rgba(201,169,98,.1)}.atr__clothing-icon{flex-shrink:0;width:16px;height:16px;color:var(--atr-gold)}.atr__clothing-icon svg{width:100%;height:100%;display:block}.atr__clothing-text{margin:0;padding-left:14px;position:relative;font-family:var(--atr-sans);font-size:clamp(.875rem,1vw,.9375rem);line-height:1.55;color:var(--atr-muted)}.atr__clothing-text:before{content:"\2713";position:absolute;left:0;color:var(--atr-gold);font-size:.75em;font-weight:700}.atr__bottom{padding:0 clamp(18px,2.2vw,28px) clamp(16px,2vw,20px)}.atr__tips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:clamp(12px,1.5vw,14px) 0 0;padding:10px 14px;list-style:none;border:1px solid var(--atr-border);border-radius:8px;background:var(--atr-white);opacity:0;transform:translate3d(0,6px,0);transition:opacity .55s var(--atr-ease) .22s,transform .55s var(--atr-ease) .22s}.atr__frame.is-visible .atr__tips{opacity:1;transform:translateZ(0)}.atr__tip{font-family:var(--atr-sans);font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.45;color:var(--atr-text);padding:4px 14px 4px 22px;position:relative;white-space:nowrap}.atr__tip+.atr__tip{border-left:1px solid var(--atr-border)}.atr__tip:before{content:"\2713";position:absolute;left:6px;color:var(--atr-gold);font-size:.72em;font-weight:700}.atr__footer-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,22px);margin-top:clamp(12px,1.5vw,14px);opacity:0;transition:opacity .6s var(--atr-ease) .28s}.atr__frame.is-visible .atr__footer-row{opacity:1}.atr__footnote{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;border:none;text-align:left;flex:1;min-width:0}.atr__footnote-icon{flex-shrink:0;width:18px;height:18px;color:var(--atr-gold);margin-top:3px}.atr__footnote-icon svg{width:100%;height:100%;display:block}.atr__footnote p{margin:0;font-family:var(--atr-serif);font-size:clamp(.9375rem,1.1vw,1.0625rem);font-style:italic;line-height:1.65;color:var(--atr-muted);max-width:34ch}.atr__badges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:6px;margin:0;padding:0;list-style:none;flex-shrink:0;width:min(100%,420px)}.atr__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px 5px;border:1px solid var(--atr-border);border-radius:6px;background:var(--atr-ivory);text-align:center;transition:border-color .3s ease,transform .3s var(--atr-ease)}.atr__badge:hover{border-color:var(--atr-gold-soft);transform:translate3d(0,-1px,0)}.atr__badge-icon{width:18px;height:18px;color:var(--atr-gold)}.atr__badge-icon svg{width:100%;height:100%;display:block}.atr__badge-text{font-family:var(--atr-sans);font-size:clamp(.8125rem,.95vw,.9375rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:var(--atr-ink)}@media(max-width:989px){.atr__grid{gap:20px}.atr__footer-row{flex-direction:column;align-items:flex-start}.atr__badges{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.atr__tip{white-space:normal}}@media(max-width:749px){.atr{padding:14px 12px}.atr__main,.atr__bottom{padding-left:16px;padding-right:16px}.atr__divider--wide{padding:0 16px}.atr__grid{grid-template-columns:1fr;gap:20px}.atr__media-wrap{aspect-ratio:1 / 1}.atr__heading{font-size:2.25rem}.atr__intro{font-size:1.0625rem}.atr__step-title{font-size:1.5rem}.atr__step-text,.atr__step-list{font-size:1.0625rem}.atr__steps:before{left:21px;top:26px;bottom:26px}.atr__step{grid-template-columns:42px 22px 1fr;gap:8px 10px}.atr__step-marker{width:42px;height:42px}.atr__step-icon{width:22px;height:42px}.atr__step-icon svg{width:18px;height:18px}.atr__step-num{font-size:1rem}.atr__tips{flex-direction:column;align-items:stretch;gap:0}.atr__tip{padding:6px 0 6px 20px;white-space:normal}.atr__tip+.atr__tip{border-left:none;border-top:1px solid var(--atr-border);padding-top:8px;margin-top:2px}.atr__tip:before{left:0}.atr__badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.atr__badge-text{font-size:.8125rem}}@media(min-width:750px)and (max-width:989px){.atr__badges{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes atr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.atr__frame,.atr__step,.atr__tips,.atr__footer-row{opacity:1;transform:none;transition:none}.atr__skeleton{animation:none}.atr__img,.atr__badge{transition:none}.atr__media-wrap:hover .atr__img.is-ready,.atr__badge:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/attar-ritual-guide.css.map */