@layer components{.portal-image-zoom::backdrop{background:#0009}.portal-focused-page .portal-footer{margin-top:24px;padding-top:20px;padding-bottom:20px}.portal-focused-page .portal-footer>div>strong{margin-bottom:6px;font-size:18px}.portal-focused-page .portal-footer>p{display:none}[data-portal-view=product]{--portal-zalo-offset:9rem}.portal-product-card:hover{color:var(--ink)}.portal-detail-shell{flex-direction:column;display:flex}.portal-detail-header,.portal-detail-footer{flex-shrink:0}.portal-detail-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;min-height:0;padding:28px;display:grid}.portal-detail-gallery{align-self:start;position:sticky;top:24px}.portal-detail-footer{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;display:flex;position:sticky;bottom:0}.portal-detail-close:hover{color:var(--green)}.portal-detail-configuration .customization-fields .field{flex-direction:column;gap:8px;min-width:0;display:flex}.portal-detail-configuration .customization-fields .field>label{font-size:12px;font-weight:500}.portal-detail-configuration .customization-fields .field>input,.portal-detail-configuration .customization-fields .field>textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px;font-size:14px}.portal-detail-configuration .customization-fields .field>textarea{min-height:86px}.portal-detail-configuration .customization-fields .field>input:focus,.portal-detail-configuration .customization-fields .field>textarea:focus{border-color:var(--theme-focus,var(--green))}.portal-detail-configuration .customization-fields .product-choice{border-radius:8px}.portal-detail-configuration .customization-fields .product-choice>input,.portal-detail-configuration .customization-fields .option-quantity input{min-height:44px;font-size:14px}.portal-detail-configuration .customization-fields .product-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.portal-detail-configuration .customization-fields .portal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-detail-configuration .customization-fields:disabled{opacity:.65}.portal-detail-configuration .customization-fields .portal-span-full{grid-column:1/-1}.portal-detail-configuration dl,.portal-detail-configuration dd{margin-left:0;margin-right:0}.portal-gallery-viewport{aspect-ratio:4/4.6;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border:1px solid var(--line);background:var(--theme-soft,var(--canvas));border-radius:12px;width:100%;display:flex;overflow:auto hidden}.portal-gallery-viewport::-webkit-scrollbar{display:none}.portal-gallery-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;height:100%;position:relative}.portal-gallery-image,.portal-gallery-video-cover{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative}.portal-gallery-image img,.portal-gallery-video-cover img,.portal-gallery-video{object-fit:contain;width:100%;height:100%;display:block}.portal-gallery-video-cover img{object-fit:cover}.portal-gallery-video{background:#101010}.portal-gallery-counter{border:1px solid var(--line);background:var(--surface);color:var(--ink);pointer-events:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.portal-gallery-arrows{gap:8px;display:flex;position:absolute;top:12px;right:12px}.portal-media-round{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-size:18px;display:grid}.portal-media-round:disabled{opacity:.45}.portal-media-round:hover:not(:disabled){background:var(--theme-soft,var(--canvas))}.portal-zoom-hint{background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:12px;right:12px}.portal-video-play{border:1px solid var(--line);background:var(--surface);width:64px;height:64px;color:var(--green);border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0002}.portal-video-label{background:var(--surface);color:var(--ink);border-radius:6px;padding:5px 12px;font-size:12px;position:absolute;bottom:16px}.portal-media-error{background:var(--surface);color:var(--ink);border-radius:6px;padding:10px;font-size:12px;position:absolute;bottom:48px;left:12px;right:12px}.portal-gallery-thumbnails{gap:9px;margin-top:14px;padding:4px 0;display:flex;overflow-x:auto}.portal-gallery-thumbnail{background:var(--theme-soft,var(--canvas));border:2px solid #0000;border-radius:7px;flex:0 0 68px;width:68px;height:78px;padding:0;position:relative;overflow:hidden}.portal-gallery-thumbnail.is-active{border-color:var(--green)}.portal-gallery-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.portal-gallery-thumbnail>span{background:var(--surface);width:28px;height:28px;color:var(--green);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-gallery-thumbnail small{background:var(--surface);color:var(--ink);border-radius:3px 0 0;padding:0 4px;font-size:9px;position:absolute;bottom:0;right:0}.portal-gallery-placeholder{aspect-ratio:4/5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:340px;padding:28px;display:flex}.portal-image-zoom{color:#fff;background:#111;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 20px 20px;overflow:auto}.portal-image-zoom img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 120px);margin:0 auto;display:block}.portal-image-zoom p{text-align:center;max-width:800px;margin:16px auto 0;font-size:13px}.portal-zoom-close{z-index:1;font-size:25px;position:fixed;top:14px;right:18px}@media (max-width:760px){[data-portal-view=product]{--portal-zalo-offset:6.5rem}.portal-detail-shell{min-height:0}.portal-detail-body{padding:18px 20px 24px;display:block}.portal-detail-gallery{position:static}.portal-detail-configuration{margin-top:28px}.portal-gallery-viewport{aspect-ratio:4/4.2;max-height:66dvh}.portal-detail-footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:10px;box-shadow:0 -4px 20px #00000008}.portal-detail-footer>.portal-detail-total{display:none}.portal-detail-actions>button{width:100%;min-height:52px;padding-left:8px;padding-right:8px;font-size:12px}.portal-detail-configuration .customization-fields .field>input,.portal-detail-configuration .customization-fields .field>textarea,.portal-detail-configuration .customization-fields .product-choice>input,.portal-detail-configuration .customization-fields .option-quantity input{font-size:16px}.portal-detail-configuration .customization-fields .portal-form-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portal-gallery-viewport{scroll-behavior:auto}}}